Electron/Angular 示例应用程序中的“TypeError：window.require 不是函数”答案

【问题标题】："TypeError: window.require is not a function" in Electron/Angular sample appElectron/Angular 示例应用程序中的“TypeError：window.require 不是函数”
【发布时间】：2021-06-17 00:02:57
【问题描述】：

所以我对 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，但我真的不知道我应该做什么。我尝试在BrowserWindow 构造函数中添加webPreferences: {nodeIntegration: true}，但无济于事。

我很茫然；我对框架的了解不够，无法自己解决。

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

【问题讨论】：

标签： angular typescript electron typeerror

【解决方案1】：

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

【讨论】：

这对我来说最有效。我仍在尝试了解如何在不破坏所有内容的情况下做事，但这是一个好的开始。

【解决方案2】：

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

const electron = require("electron");

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

【讨论】：

不幸的是，这一行给出了错误，甚至无法编译：Error: src/app/images.service.ts:4:18 - error TS2591: Cannot find name 'require'.