如何在使用angular/cli创建的angular项目中添加electron？

Question

我的项目结构如下图所示:

我尝试在使用angular/cli创建的项目中添加electron，但是在运行“npm start”时出现了“无法找到electron应用程序”的错误。我应该修改src中的main.ts吗？目前它看起来是这样的:

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppModule);

这是标准版，没有进行任何修改。

- Abhishek Subradeep

Answer 1

我也在学习electron。以下设置对我起作用：

步骤1）在src目录下创建一个electron目录，其中包含一个package.json和一个main.js（参见https://electron.atom.io/docs/tutorial/quick-start/）

步骤2）全局安装electron：

npm install -g electron

第三步) 更新 package.json 文件（在 scripts 部分添加 2 个条目）：

...
"build-electron": "ng build --base-href . && copy src\\electron\\* dist",
"electron": "npm run build-electron && electron dist",
...

步骤4）启动应用程序：

npm run electron

希望能帮到你。

- Dieter Rehbein

---

谢谢，它起作用了。我使用这个脚本在OSX上运行它。 "build-electron": "ng build --base-href . && cp src/electron/* dist", - Mauricio De La Quintana

难道不应该是 && cp -R src/electron/* dist 吗？ - Jason

Answer 2

你需要修改你的 package.json 文件。确保在其中添加 "main": "main.js"。

例如：

{
  "name": "package-name",
  "version": "0.0.0",
  "main": "main.js",
  ...
}

- rajesh kumar