Electron/Angular 示例应用程序中的“TypeError: window.require is not a function”

Question

所以我对 Angular 和 Electron 非常陌生，而且我一直很难让事情发挥作用。我一直在寻找示例应用程序，以便我可以有一个我可以理解的起点，我遇到了这个：https://developer.okta.com/blog/2019/03/20/build-desktop-app-with-angular-electron

我一直在关注它，在我第一次运行 npm run electron 时，窗口打开但保持空白，在 devtools 控制台中我找到了 Uncaught TypeError: window.require is not a function。

我只做了一些小调整（使某些类型显式），因为最初它不会编译，但没有任何东西可以改变这一点。

我进行了一些搜索，据我所知可能与此有关

const electron = (<any>window).require('electron');

不在electron/main.ts，但我真的不知道我应该做什么。我尝试在 webPreferences: {nodeIntegration: true} 构造函数中添加 BrowserWindow，但无济于事。

我不知所措；我不太了解框架，无法自己解决。

编辑：npm v6.14.8，节点 v10.19.0，电子 v12.0.1

Answer 1

在我看来，如果您使用此代码而不是其他代码，它可能会起作用：

const electron = require("electron");

如果这不能解决您的问题，我会切换到 vanila js

Answer 2

您可以查看来自 GitHub 的 this 存储库。您将能够理解角度和电子助推之间的整个概念。