angular - Electron 找不到资源

Question

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

然后我安装了 Electron 并添加了 electron-main.js来自 this quick start

You can clone my (very basic) project as it stands if you think you can help: git clone https://popClingwrap@bitbucket.org/popClingwrap/psutil-desktop.git

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

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

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

此外，如果有人对帮助构建/调试 Electron 应用程序的工具有任何很好的提示，那就太好了!我过去建立了工作项目，但它们都是从 Angular-CLI 开始的。而且我热衷于以最小的膨胀做这件事，并且实际上尝试了解该过程的基础知识。

提前喝彩

Answer 1

首先你需要做

npm start

这将在监视模式下启动服务器(提供资源文件所需的)。

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

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

然后做

npm run electron

一切都应该没问题。

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