angular - Electron - 不允许加载本地资源

Question

晚上，
我正在考虑使用 electron打包现有的 angular2 构建。我以为我进行了空运行，但实际 package 似乎失败了(请参阅下面的最后一步)，我想了解原因。这就是我正在做的...

创建项目
使用 angular-cli开始一个新项目ng new electron-ng2-cli --style=scss

安装 Electron 和electron-builder

编辑package.json
进行以下添加...
"main": "main.js"

"build":
{
  "appId": "com.electrontest.testapp",
  "mac": {
    "category": "your.app.category.type"
  }
}

并将以下内容添加到 scripts ...

"pack": "build --dir",
"dist": "build",
"electron": "electron main.js",
"postinstall": "install-app-deps"

创建 main.js
我刚刚从 electron quick start 复制了代码.我所做的唯一更改是 index.html 的位置我设置为 /dist/index.html

修改基数
在index.html更改 <base="/">至 <base="./">

打包代码
运行ng build .这会将所有打包代码放入 /dist 中

测试运行
运行 npm run electron .这很好用。一个 Electron 应用程序启动了，我看到其中运行着棱 Angular 分明的东西。

创建用于分发的应用程序
运行 npm run pack创建打包的应用程序。 package 似乎没问题 - 我收到有关缺少图标的警告和我的代码未签名的警告，但我猜它们不应该是致命的？
问题是，当我现在通过双击 Finder 运行应用程序时我在控制台中收到一条错误消息:Not allowed to load local resource: file:///Users/<username>/Documents/development/electron-ng2-cli/dist/mac/electron-ng2-cli.app/Contents/Resources/app.asar/dist/index.html

---

那么，谁能解释一下当我使用 npm run electron 时失败的打包应用程序和运行正常的应用程序之间的区别？ ?

我该怎么做才能解决这个问题并让应用程序正常运行？

谢谢你坚持到最后。这比我想要的要长，但我希望我能解释清楚。如果您能提供帮助或提供任何建议，那就太好了 - 在您的总体方向上会想到很多好的共鸣 :)

大家好

Answer 1

问题可能是main.js中的路径无效，必要时更正