Unexpected token < error in react router component

by

The “unexpected token” error can show up for a number of different reasons. I ran into a similar problem, and in my case the problem was that the script tag to load the generated bundle in the html was like so:

<script src="https://stackoverflow.com/questions/29718481/scripts/app.js"></script>

When navigating to a route with a parameter (same thing will happen to a nested route or a route with more than one segment), browser would try to load the script using the wrong url. In my case the route path was ‘user/:id’, and the browser made a request to ‘http://127.0.0.1:3000/user/scripts/app.js’ instead of ‘http://127.0.0.1:3000/scripts/app.js‘. The solution was easy, change the script tag to this:

<script src="https://stackoverflow.com/scripts/app.js"></script>

More Related Contents:

  1. What do multiple arrow functions mean in JavaScript?
  2. Nested routes with react router v4 / v5
  3. ReactJS call parent method
  4. Await is a reserved word error inside async function
  5. React react-router-dom pass props to component
  6. How to get the value of an input field using ReactJS?
  7. ReactJS: “Uncaught SyntaxError: Unexpected token
  8. How to allow CORS in react.js?
  9. How To Solve The React Hook Closure Issue?
  10. body data not sent in axios request
  11. redux fetch body is not use with no cors mode
  12. css position absolute making the textbox go down
  13. React-router v4 – cannot GET *url*
  14. Get image preview before uploading in React
  15. How to programmatically clear/reset React-Select?
  16. How to restrict access to routes in react-router?
  17. How to detect a React component vs. a React element?
  18. React – How to open PDF file as a href target blank
  19. How to check for broken images in React JS
  20. Why is it necessary to use bind when working with ES6 and ReactJS?
  21. stop dragging after a limit has reached
  22. Equivalent to componentDidUpdate using React hooks
  23. How to Call a Function inside a Render in React/Jsx
  24. reactjs event listener beforeunload added but not removed
  25. Browser Detection in ReactJS
  26. React – Dynamically Import Components
  27. Exporting functions with reactjs and babel
  28. FastAPI is not returning cookies to React frontend
  29. React Functional component: calling as function vs. as component
  30. Enzyme simulate an onChange event

Leave a Comment