` no such file or directory` shows when use `React.lazy`

I have never modified the following default config.

webpack.config.renderer.dev.babel.js

output: {
    publicPath: `http://localhost:${port}/dist/`,
    filename: 'renderer.dev.js'
  },

webpack.config.renderer.prod.babel.js

output: {
    path: path.join(__dirname, '..', 'app/dist'),
    publicPath: './dist/',
    filename: 'renderer.prod.js'
  },

Everything works well, until I use React.lazy

App.js

const LazyMyHome = React.lazy(() => import('./Home'));
const MyHome = props => (
  <Suspense fallback={<span>Loading...</span>}>
    <LazyCreateProfile {...props} />
  </Suspense>
);

...
 <Route path="/" key="home" component={MyHome} />
...

npm run dev is ok while npm run start shows error in console.It looks like publicPath didn’t work.

In fact, …/auto-perf-tool/app/dist/0.renderer.prod.js is the correct path.

Has anyone encountered the same problem？🥺

[Holybasil]

@Unforgiven-wanda Actually, I am using React.lazy with preload: path.join(__dirname, 'dist/renderer.prod.js'). In this problem, it looks like the subpath dist is lost, maybe you can find something in webpack, and according to <script defer src="${script}"><\script>(when nodeIntegration: true ) , only files in the same directory as app.html can be requested.Apparently, it is unwise to put bundle files to app directory. The above are all my thoughts on this issue, and I don’t have time to continue researching, I hope it can help you.

[VitaliSakalouConeTec]

Hello, I have the same issue. Did anybody find a solution how to fix it? Thanks