Specify hostname for chunks from React.lazy during development #12455

Activity

1. danielweil

   added

   needs triage

   on Jun 1, 2022
2. GeorgeArgyrousis commented on Jul 19, 2022

   

   GeorgeArgyrousis

   on Jul 19, 2022

   More actions

   Hey @danielweil, you can fix this issue using the HTML base tag. This element allows you to specify the base URL all the relative URLs in your document - https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base

   Based on your description I would assume that you have an HTML file served from localhost:9080 similar to the implementation below. Just add the <base> tag along with your derided host:

   <html>
       <head>
           <base href="http://localhost:3000/">
           <script defer src="http://localhost:3000/static/js/bundle.js" crossorigin="anonymous"></script>
       </head>
       <body>
           <div class="root"></div>
       </body>
   </html>
   

   The aforementioned implementation will lazy load chuncks with the base path of http://localhost:3000/.

   Hope this helps!