Electron找不到资源

Question

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

然后我安装了 Electron 并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那么一切都可以正常工作，但我不想在开发过程中捆绑所有更改。

我猜电子需要一些配置来告诉它在哪里可以找到所需的资源？
谁能详细说明为什么会出现这种情况以及如何解决？

此外，如果有人对帮助构建/调试电子应用程序的工具有任何重要提示，那将是很棒的！我过去已经建立了工作项目，但它们都是从 开始的Angular-CLI，我很想以最小的膨胀来完成这个项目，并且实际上尝试了解该过程的基础知识。

提前干杯

Answer 1

首先你需要做

启动

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

然后在 electron-main.js 中更改“loadUrl”行如下

mainWindow.loadURL(' http://127.0.0.1:8080/ ')

然后做

npm 运行电子

一切都应该没问题。

我正在我的本地机器上附上您的工作项目的屏幕截图（带有更改的消息）。