Angular 电子能'；找不到资源

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

然后我安装了Electron并从中添加了

Electron main.js

如果您认为有帮助，可以按原样克隆我的（非常基本的）项目：

git clonehttps://popClingwrap@bitbucket.org/popClingwrap/psutil desktop.git

现在，当我运行

electron-electron-main.js

时，应用程序启动并加载

index.html

，但其他所有操作都会失败-我的

main.js

和位于

节点的模块

如果我用WebPack打包所有东西，并使用生成的

bundle.js

，那么所有东西都可以工作，但我不希望在开发过程中必须捆绑所有更改

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

另外，如果有人对帮助构建/调试电子应用程序的工具有什么好的建议，那就太好了！我过去曾构建过工作项目，但它们都是从

Angular CLI

开始的，我非常希望以最小的膨胀来完成这一项目，并尝试了解该过程的基本知识

提前干杯

首先你需要做的是

npm启动

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

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

mainWindow.loadURL（“”）

那就做吧

运行电子

一切都会好起来的

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

首先你需要做的是

npm启动

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

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

mainWindow.loadURL（“”）

那就做吧

运行电子

一切都会好起来的

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

---

从我个人的角度来看，选择不使用webpack有点奇怪（而且，只要它可以使用，你就应该使用它）。无论如何在index.html中，您会发现一些include（通常来自dist/或from./or/if base href已定义）：确保主脚本和图像已正确加载，并确保主javascript文件（使用electron启动的文件）指向正确的资源。Webpack已经为您做到了这一点，这就是为什么您应该使用它。这就是说，如果“每一个变化”是这里的问题，只是禁用网页的手表选项。我不是真的选择不使用网页。目前，我只是在学习教程和阅读文章，最终达到了我的目的。关于你的其他观点，当我在浏览器中运行而不是在电子窗口中运行时，一切似乎都很好。从我自己的角度来看，选择不使用webpack有点奇怪（而且，只要它可以使用，你就应该使用它）。无论如何在index.html中，您会发现一些include（通常来自dist/或from./or/if base href已定义）：确保主脚本和图像已正确加载，并确保主javascript文件（使用electron启动的文件）指向正确的资源。Webpack已经为您做到了这一点，这就是为什么您应该使用它。这就是说，如果“每一个变化”是这里的问题，只是禁用网页的手表选项。我不是真的选择不使用网页。目前，我只是在学习教程和阅读文章，最终达到了我的目的。关于你们的其他观点，当我在浏览器中运行，而不是在电子窗口中运行时，一切似乎都很好。完美！一个单线解决方案，正是我喜欢的：）我很困惑，Electron不启动自己的服务器，为什么需要live server？@Popplingwrap不，它不需要。它的行为就像一个浏览器（虽然添加了很多功能），并根据提供的URL加载您的应用程序。太棒了！一个单线解决方案，正是我喜欢的：）我很困惑，Electron不启动自己的服务器，为什么需要live server？@Popplingwrap不，它不需要。它的行为就像一个浏览器（虽然添加了很多功能），并根据提供的URL加载您的应用程序。