运行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 上。我从以前版本的样板模板升级我的代码。它曾经工作得很好。
如果有人有一些指导,我将不胜感激。谢谢