我正在尝试使用 Angular 2(配置了最新的基于 webpack 的 Angular cli)为 gui 构建 Electron 应用程序原型,但我陷入困境,因为我不知道如何在 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 找不到模块“电子” https://stackoverflow.com/questions/34432695/webpack-cannot-find-module-electron I get:
syntax error near unexpected token ( var electron = require('./')
我应该怎么办?
附:通过运行“electron .
” 没有BrowserWindow
导入应用程序运行正常
运行命令npm install electron @types/electron
然后正常导入使用
import { ipcRenderer } from 'electron'
.
如果遇到任何问题,请尝试运行npm eject
,会生成一个webpack.config.js,在module.exports顶部添加 "target": "electron-renderer"
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)