2

运行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',
  },

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

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

如果有人有一些指导,我将不胜感激。谢谢

4

0 回答 0