电子无法找到资源

Question

我正在尝试使用 Angular 和 Electron 构建一个超级简单的应用程序，并尽可能从头开始设置它（仅用于学习目的）。我已经基于this article设置了一个简单的Angular项目，它在浏览器中运行良好。

然后我安装了Electron并从this quick start

添加了electron-main.js

  

如果您认为可以提供帮助，可以克隆我的（非常基本的）项目： git clone https://popClingwrap@bitbucket.org/popClingwrap/psutil-desktop.git

现在，当我运行electron electron-main.js时，应用程序启动并加载了index.html但我的其他所有内容都失败了 - 我的main.js和位于node_modules的模块

如果我用WebPack包装所有内容并使用生成的bundle.js，那么一切正常，但我不想在我开发的过程中捆绑每一个变化。

我猜测Electron需要一些配置来告诉它在哪里找到所需的资源？ 任何人都可以详细说明为什么会这样，以及如何解决它？

此外，如果有人有任何关于帮助构建/调试电子应用程序的工具的好技巧，那就太棒了！我过去已经建立了工作项目，但他们都是从Angular-CLI开始的，我热衷于以最小的膨胀来做这个，并且实际上尝试了解这个过程的基础知识。

提前干杯

Answer 1

首先你需要做

  

npm start

将以监视模式启动服务器（需要提供资源文件）。

然后在electron-main.js里面改变＆＃34; loadUrl＆＃34;如下所示

  

mainWindow.loadURL（＆＃39; http://127.0.0.1:8080/＆＃39）

然后做

  

npm run electron

一切都应该没问题。

我在我的本地计算机上附上了您的工作项目的屏幕截图（包含更改的消息）。