HtmlWebpackPlugin injects relative path files which breaks when loading non-root website paths

by

Try setting the publicPath in your webpack config:

output.publicPath="https://stackoverflow.com/"

HtmlWebpackPlugin use the publicPath to prepend the urls of the injects.

Another option is to set the base href in the <head> of your html template, to specify the base url of all relative urls in your document.

<base href="http://localhost:3000/">

More Related Contents:

  1. How can I use webpack with express?
  2. Download a file from NodeJS Server using Express
  3. Nested routes with react router v4 / v5
  4. babel-loader jsx SyntaxError: Unexpected token [duplicate]
  5. react router v6 navigate outside of components
  6. HTTP GET Request in Node.js Express
  7. Problem in redirecting programmatically to a route in react router v6
  8. ES6 exporting/importing in index file
  9. React react-router-dom pass props to component
  10. Active link with React-Router?
  11. Using anchor tags in react-router 4
  12. Arrow Function syntax not working with webpack?
  13. Webpack file-loader outputs [object Module]
  14. Webpack babel 6 ES6 decorators
  15. How to hide navbar in login page in react router
  16. How do I get the domain originating the request in express.js?
  17. Running an Express server middleware alongside Nuxt
  18. React-router: How to manually invoke Link?
  19. javascript import from ‘/folder’ with index.js
  20. stop all instances of node.js server
  21. Regex eError when using {1}+ possessive quantifier in JavaScript regex
  22. Webpack and external libraries
  23. Is it possible to use dotenv in a react project?
  24. Webpack: Bundle.js – Uncaught ReferenceError: process is not defined
  25. React – How to open PDF file as a href target blank
  26. Example of how to load static CSS files from node_modules using webpack?
  27. How to generate unique ID with node.js
  28. How to disable ESLint in vue-cli?
  29. Run command after webpack build
  30. React Router BrowserRouter leads to “404 Not Found – nginx ” error when going to subpage directly without through a home-page click

Leave a Comment