How to use Sencha app watch with custom app? - extjs

I have a web application whose front is on Extjs, Currently I am building a theme so I wanted use Sencha app watch command to get the live update as and when I make changes in scss files. But I am getting 404 error for fashion.js and sass-compiler.js file. Please let me know how can I use it to see live updates.
below are the console errors I see in the developer tool.
bootstrap.js:1595 GET http://localhost:8080/~cmd/extensions/sencha-fashion/fashion/fashion.js net::ERR_ABORTED 404
bootstrap.js:1595 GET http://localhost:8080/~cmd/extensions/sencha-fashion/sass-compiler.js net::ERR_ABORTED 404
My application is hosted on tomcat.
Thanks in advance.

Related

How to add offline.html fallback page to CRA PWA template?

I am trying to add an offline.html fallback page to my React app using the premade service-worker.js and serviceWorkerRegistration.js template files See HERE. Everything is working as it is, but the offline.html file that I placed in the src/offline.html location is not caching. When I open the network tab it is giving 404 error for the offline.html file.
I followed the official guide but had no luck.
It will be helpful if anyone can provide a proper guide.

Firebase Google Authentication works on localhost, but not on Netlify hosted site

I have a React website that I'm hosting and deploying through Netlify. I have it currently set up so that I'm able to log in using their authentication service, which is useful. However, it only works on my Localhost. When I try to use it on the Netlify hosted site, I get the following error:
Uncaught (in promise) Error: Illegal url for new iframe - https://%22trail-app-7d2e3.firebaseapp.com%22/__/auth/iframe?apiKey=********&appName=%5BDEFAULT%5D&v=9.2.0&eid=p&usegapi=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.ILxaxn5iF9E.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCP4GH4pdEaIiZe1k-cWfBRo9KTiAQ%2Fm%3D__features__#id=I0_1635906033796&_gfid=I0_1635906033796&parent=https%3A%2F%2Ftrailapp.netlify.app&pfname=&rpctoken=37134086
at Object._.Zk (cb=gapi.loaded_0:154)
at Fl (cb=gapi.loaded_0:165)
at Object._.Gl (cb=gapi.loaded_0:166)
at Object._.Nl (cb=gapi.loaded_0:172)
at _.Ym.openChild (cb=gapi.loaded_0:310)
at _.Ym.open (cb=gapi.loaded_0:315)
at iframe.ts:81
at l (runtime.js:63)
at Generator._invoke (runtime.js:294)
at Generator.next (runtime.js:119)
It seems as though it's trying to use that URL to reference a script that presents the iframe with the Google login. I'm not sure what permissions would be causing it not to work. I've enabled everything I know to.
I am using a .env file to hide my API information from a repository and have the values set up under "Environment Variables" on Netlify. If anyone has any feedback it'd be greatly appreciated!
You need to add your hosted domain in firebase as I have added my own domain here.

If I refresh the browser my react app are being page not supported error message

I'm new in react app development, I just build my practice app and deployed it through Netlify. I can visit my app and everything is fine till I refresh my window. Refreshing the window comes with an error page not found. what should I do to solve this problem?
You may need to look at providing a _redirects file in your root directory. See https://docs.netlify.com/routing/redirects/
For example,
/* /index.html 200
As cra is single page application, you need server setting to redirect everytime to index.html,
You might want to check this link
https://www.netlify.com/blog/2020/04/07/creating-better-more-predictable-redirect-rules-for-spas/

Error 404 when trying to deploy react.js website on to github

I am trying to deploy my application into Github, I manage to deploy it but I have encountered a problem that is Failed to load resource: the server responded with a status of 404.
As you can see that the web manage to deploy, but all the picture/images are not appearing on my website
https://github.com/stevenleesf/UOWMReact << github
https://stevenleesf.github.io/UOWMReact/ << website
Wrong link, your image is at
https://stevenleesf.github.io/UOWMReact/images/Logo-WHITE.png
not
https://stevenleesf.github.io/images/Logo-WHITE.png
Which is what you are trying to access:
It looks like your reference to the images path is missing the UOWMReact directory before images. See the path for your stylesheet below.

react native 404 not found while using deployed endpoint

I'm using React Native to work on my project. The problem I'm facing: it is working perfectly 200 ok while fetching data locally but, when I try to use after deployment it says 404 not found.
What could be the reason?
A 404 error is an HTTP status code that means that the page you were trying to reach, couldn't be found on their server.

Resources