无论我尝试什么，都无法在 Angular Typescript 模块中导入 Node、JS 或 Electron 库

Question

我对堆栈溢出相当陌生，所以如果我没有正确提出问题，请随时帮助我。

我已经搜索了我能找到的所有堆栈溢出和谷歌文章，但没有任何方法可以导入 Electron、任何其他 Node 模块或任何本机 JS 模块——我只能导入和使用 Angular/typescript 模块。 我正在尝试导入电子并在角度应用程序中使用它。 我也在尝试使用 __dirname。 对于电子我试过：

const { remote } = require('electron');
const { remote } = (<any>window)require('electron');
import { ipcRenderer, BrowserWindow, electron } from 'electron';
import * as remote from '@electron/remote'

对于 __dirname 我试过：

import * as fs from 'fs'; 
import { readFileSync } from 'fs';
import readFileSync from 'fs';

和实施：

import.meta.url
process.cwd()
__dirname //worth a shot I guess

我组合了这些选项，但没有任何效果。 我已经运行npm install --save-dev @types/node ，当这不起作用时尝试删除 node_modules 文件夹并运行npm install 。 "types": ["node"]已经添加到 tsconfig.json 的 compilerOptions。

这是我的错误之一：

    Error: src/app/electron/electron.service.ts:3:20 - error TS2591: Cannot find name 'require'. Do you need to install type definitions for node? Try `npm i --save-dev @types/node` and then add `node` to the types field in your tsconfig.

3 const { remote } = require('electron');
                     ~~~~~~~

我已经安装了@types/node。 它也几乎总是发布以下错误。 我不知道它的用途是什么，因为即使我没有导入“fs”，它也会显示出来。

Error: ./node_modules/electron/index.js
Module not found: Error: Can't resolve 'fs' in '/Users/user/Programming/Git/project/node_modules/electron'
resolve 'fs' in '/Users/user/Programming/Git/project/node_modules/electron'
  Parsed request is a module
  using description file: /Users/user/Programming/Git/project/node_modules/electron/package.json (relative path: .)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      looking for modules in /Users/user/Programming/Git/project
        using description file: /Users/user/Programming/Git/project/package.json (relative path: .)

Answer 1

您的浏览器无法运行用 C++ 编写的模块，如fs和electron 。 Node.js 可以做到这一点，因为节点开发人员专门创建了能够加载二进制模块（用 C++ 编写）的节点。 浏览器只能运行 javascript 模块。

因为像 Webpack 这样的构建器会忽略这些模块，因为包含它们没有意义。

您不能在 Angular 应用程序中使用fs和electron 。 但是，您可以在您的电子应用程序中使用 Angular（因为 Electron 是为运行 javascript 代码而创建的，而 Angular 编译为纯 javascript 代码）。

尝试在 Angular 中使用fs或electron有点像尝试在 Angular 中导入 Internet Explorer 或 Adob​​e Photoshop。