node.js - 如何使用angular cli以angular 2导入Electron

Question

我正在尝试使用 Angular 2(配置了最新的基于 webpack 的 angular cli)为 gui 制作一个 Electron 应用程序的原型(prototype)，但我被卡住了，因为我不知道如何在我的 angular2 组件中导入 Electron api .具体来说，我希望能够在用户界面中单击按钮时打开一个新的 BrowserWindow ...所以:

<button type="button" (click)="openNewWindow()">
    open
</button>

在我的组件中:

openNewWindow() {
      let appWindow = new BrowserWindow({width: 800, height: 600});
      appWindow.loadUrl('http://www.google.com');
  }

但是...我怎样才能导入 BrowserWindow？!

通过使用:

import { BrowserWindow } from 'electron';

我得到一个“无模块错误”并按照这个问题的答案:Webpack cannot find module 'electron'我得到:

syntax error near unexpected token ( var electron = require('./')

我该怎么办？

附言。通过在没有 BrowserWindow 导入的情况下运行“electron .”，应用程序正常运行

Answer 1

运行命令npm install electron @types/electron 然后使用

正常导入它

从“electron”导入 {ipcRenderer}。

如果遇到任何问题，尝试运行npm eject，将生成一个webpack.config.js，在module.exports 顶部添加"target": "electron-renderer"