Run React dev server inside another application

Question

In our old .jsp application, we are integrating react.

My react dev server is running on http://localhost:3000 and existing application at http://localhost:8100.

I included all the required js & CSS files of reacting into JSP page. which is working fine.

When when I'm using lazy-loading in React, for ex:

import('some-file.js').then(file => {
   // Some work
});

In this case Webpack is trying to load chunk from localhost:8100 instead of Dev server.

I'm using react-script for development and build.

could please try to add in module.exports { output:{publicPath: ' "localhost:3000/static/js/dist or http:/0.0.0.0:3000/dist"'} } in webpack.config.js file and check whether it works or not??? — Pallamolla Sai
– Pallamolla Sai, Commented May 9, 2020 at 13:47
Thanks PALLAMOLLA SAI, your Idea works. I fixed it by setting publicPath: "http:localhost:3000". — Sumeet Roy
– Sumeet Roy, Commented May 9, 2020 at 15:13

Pallamolla Sai · Accepted Answer · 2020-05-09 16:40:27Z

2

Try to add publicPath like below in webconfig.js files.

output: {
        //
        publicPath: 'http://localhost:3000/static/js/dist' or
        // publicPath : 'http://localhost:3000/dist'
    }

answered May 9, 2020 at 15:18

Pallamolla Sai

2,5131 gold badge16 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1