Angular&Electron - 在默认浏览器中打开链接

Question

我正在尝试在默认浏览器上打开电子应用程序（使用 Angular）的链接，但收到以下错误：

Uncaught TypeError: fs.existsSync is not a function
    at Object.<anonymous> (vendor.bundle.js:160955)
    at Object../node_modules/electron/index.js (vendor.bundle.js:160961)
    at __webpack_require__ (inline.bundle.js:55)
    at Object../src/app/components/issue/issue.component.ts (main.bundle.js:159)
    at __webpack_require__ (inline.bundle.js:55)
    at Object../src/app/app.module.ts (main.bundle.js:75)
    at __webpack_require__ (inline.bundle.js:55)
    at Object../src/main.ts (main.bundle.js:644)
    at __webpack_require__ (inline.bundle.js:55)
    at Object.0 (main.bundle.js:662)

我的 html 组件上的按钮上有一个“(click)="onNavigate()"” 这就是功能：

import { shell } from 'electron';
...      
onNavigate() {
    shell.openExternal("http://www.google.com");
}
...

我不知道我做错了什么，希望这里的人可以帮助我:)

Answer 1

使用window.require 而不是require 是避免require 之间冲突的一种方法，因为您使用的是webpack，它带来了自己的require。试试：

const shell = window.require('electron');
...      
onNavigate() {
   shell.openExternal("http://www.google.com");
}
...