ChunkLoadError: Loading chunk # failed. electron-react-boilerplate

Question

After running yarn package and opening my application, I get this error when my app tries to display a component that uses React.Lazy.

// this Is how I declare my component
const LazyAcaoPage = React.lazy(() => import(
/* webpackChunkName: "AcaoPage" */ './containers/acao/AcaoPage') );

const AcaoPage = (props: Record<string, any>) => (
  <React.Suspense fallback={<h1>Loading...</h1>}>
    <LazyAcaoPage {...props} />
  </React.Suspense>
);

// then call it
<Route path={routes.ACAO} exact component={AcaoPage} />

package.json build option

"build": {
    "productName": "MyProject",
    "appId": "org.erb.ElectronReact",
    "files": [
      "dist/",
      "node_modules/",
      "index.html",
      "main.prod.js",
      "main.prod.js.map",
      "package.json"
    ],

webpack output option

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

The chunk files get built correctly to the screen/dist folder but the production code doesn't seem to be able to locate it. I actually decompressed the app.asar inside the generated Mac app and the files are also in there.

Im on node version 14.4.0 running on Mac. Im upgrading my code from the previous version of the boilerplate template. It used to work fine.

If anyone has some guidance I would much appreciate it. Thanks

@AmirAlam I havent worked on that project for a long time and dont remember if I did. Sorry. I believe I did not. — Hozeis, Nov 29 '22 at 18:38
@AmirAlam someone posted an answer, check if it works for you. — Hozeis, Dec 07 '22 at 12:10
I posted that answer and it's working for me. Thank you for the reply. Would be good if you will mark it as the answer. — Amir Alam, Dec 18 '22 at 06:41

score 0 · Answer 1 · answered Dec 07 '22 at 07:01

This happens to me too, and it happens because I Initiliazed createWindow 2times in main.js.

Another time it occurs because the vs code debugger didn't closed correctly and electron exe was still running in task manager, so just end that process and it'll work.

ChunkLoadError: Loading chunk # failed. electron-react-boilerplate

1 Answers1