如何在angular-cli的组件内使用电子浏览器窗口？答案

【问题标题】：how to use electron browser window inside components in angular-cli?如何在angular-cli的组件内使用电子浏览器窗口？
【发布时间】：2017-07-31 09:10:01
【问题描述】：

Angular-cli 不接受组件内部的电子。如何在angular-cli中的组件内使用电子浏览器窗口？我得到一个像这样的错误 fs.existsync 。有没有其他选择可以将电子与 angular2 组件一起使用？

var electron = require('electron');

或

   import electron from 'electron';

两者都不在ts内部工作？

【问题讨论】：

欢迎来到stackoverflow。阅读如何提出正确的问题。您的问题需要改进，例如代码 sn-p、精确关注问题等。

标签： javascript angular electron angular-cli

【解决方案1】：

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-2.1.1.js"></script>
  <title>Workdesk 2.0</title>
  <!--<base href="./">-->
  <base href="./">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="styles.css">
  <script src="assets/jquery.js"></script>
</head>
<body style="margin: 0px;">
  <app-root>  </app-root>
  <script>
    var electron = require('electron');
    var BrowserWindow = require('electron').remote.BrowserWindow;
    var ipcMain = require('electron').remote.ipcMain;
    var shell = require('electron').shell;
    var Positioner = require('electron-positioner');
    var path = require('path');
    var gkm = require('gkm');
    var fs = require('fs');
    var os = require('os');
    var path = require('path');
    var base64Img = require('base64-img');
    var ip = require('ip');
  </script>
</body>
</html>

这将帮助您使用任何脚本语言（如 angular2、react js、node js 等）与电子通信，

【讨论】：

【解决方案2】：

通过 npm 安装 ngx-electron 后，您可以在 Angular 组件内创建浏览器窗口，如下所示：（从 Angular 7 开始工作）

import { ElectronService } from 'ngx-electron';
constructor(
private _electronService: ElectronService){}
var BrowserWindow = this._electronService.remote.BrowserWindow
var win = new BrowserWindow({
  width: 600,
height: 840,
})
win.webContents.openDevTools()

【讨论】：

它不适合我，当我运行我的项目时，在浏览器控制台中出现错误
@JigneshGothadiya 你能粘贴错误吗？

【解决方案3】：

您只能通过在 index.html 中初始化电子变量来做到这一点，并且您可以在 typescript 中的任何地方进行通信。在 TS 中使用电子变量。

【讨论】：

请你发一个例子吗？