reactjs - ChunkLoadError : Loading chunk # failed. Electron react 样板

Question

运行 yarn package 并打开我的应用程序后，当我的应用程序尝试显示使用 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": {
    "productName": "MyProject",
    "appId": "org.erb.ElectronReact",
    "files": [
      "dist/",
      "node_modules/",
      "index.html",
      "main.prod.js",
      "main.prod.js.map",
      "package.json"
    ],

webpack 输出选项

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

block 文件已正确构建到 screen/dist 文件夹中，但生产代码似乎无法找到它。我实际上解压缩了生成的 Mac 应用程序中的 app.asar，文件也在那里。

我在 Mac 上运行的节点版本 14.4.0。我正在从以前版本的样板模板升级我的代码。它曾经工作正常。

如果有人能提供一些指导，我将不胜感激。谢谢

Answer 1

这也发生在我身上，这是因为我在 main.js 中初始化了 createWindow 2 次。

还有一次是因为 vs code 调试器没有正确关闭，electron exe 还在任务管理器中运行，所以只要结束那个进程就可以了。