I've got a React app running on Azure. It runs fine in my localhost, however, when I go to the Azure address, it doesn't load; all I get is a blank page with a head and body html element, which is throwing the following error:
Uncaught SyntaxError: Unexpected token <
The immediate question, of course, is what's causing the error and how do I fix it?
The bigger question in the background is, with a backend app, I can enable logging and look at a log stream and see what's throwing errors in real time. With a frontend app, the errors are happening in my browser; the React Chrome extension doesn't even recognize this as a React app. How do I debug in this context?
Related
I want to active menu on scroll in my react app. I have used a react-scrollspy-nav for this functionality. It works fine when i run it on local server but when i deploy so it shows a blank screen
i have used a react-scrollspy-nav in my app, which is working perfectly on local server on my laptop but after deploying on netlify, it shows blank screen with an error on console that says
Uncaught TypeError: Super expression must either be null or a function
at ScrollspyNav.js:423:1
Link of my react app
If i remove this module react-scrollspy-nav and deploy it, my app does not show blank screen and works well but without the functionality of scrollspy which i want in my app
Newish to Next.js. I deployed a Next app to GCP with Cloud Run. The local build runs with with no errors or warnings but I'm getting Minified React errors 419 and 425 on production.
I looked at the full error message but I'm not sure how to debug my code since my local build works fine.
I'm grabbing half a dozen collections from a Firestore db in a getStaticProps() and subscribing to two collections with onSnapshot in a useEffect() hook.
Any thoughts?
I could try grabbing everything in a useEffect (ditching the getStaticProps) but that seemed like the place to do my data fetching since it's a simple SPA with static data that doesn't change much.
The 400s error that you have mentioned generally means that the client is not in the capacity to complete a request.
The error “419” Indicates that you're missing your CSRF token from your request; you may fix this by adding the token when it is generated in the headers token variable and without the CSRF-token the endpoint will return the 419 status response.
Next,the error “425” indicates that when using Server-Side Rendering (SSR) with a framework like NextJS, it is uses React hydration, which basically means React is figuring out how to take the DOM structure rendered from the HTML file and convert it into a running single-page app (SPA),for this to work correctly, React Hydration requires that the HTML from the server and what your client-side app renders are an EXACT match.
I would recommend you to rectify these in your source code and try to deploy the build again.
Also check out these links for more information and examples:
Error Decoder - 425
Error Decoder - 419
Error text content does not match
419 page expired CSRF token
I need to auto refresh the react application after new code is pushed.
For that I have enabled the service worker and its working fine.
But in some time I'm getting blank screen while navigating with below error.
Syntax error: unexpected token '<'
enter image description here
i have successfully implement the web support for existing react native application. But when i run for web it giving blank page and in console it giving error like below.
please help
Uncaught ReferenceError: exports is not defined
at eval (mappingProvider.component.js:7:2072)
at Module../node_modules/#ui-kitten/components/theme/mapping/mappingProvider.component.js (rnw.bundle.js:3109:1)
I get error message when I am loading my Webapp with IE10 and below IE version.
I am building an my Webapp with React 15.4.0 and firebase 5.5.0.
I have tested the Webapp with Chrome, Firefox, IE11 and it's working fine.
Try to comment line below in file "firebase-js-sdk/src/database/api/Query.ts" may help you to solve this error.
assert(__referenceConstructor, 'Reference.ts has not been loaded');
Other work around are also available in link below that you can try to check.
Firebase Database (4.3.1) INTERNET ASSERT FAILED: Reference.ts has not been loaded.