如何将电子添加到角度/ cli制作的角度项目中？

Question

我的项目结构如下：

我正在尝试通过angular / cli以其特定结构添加电子到项目。然而，我得到了无法找到电子应用程序＆＃34;当我试着跑'npm start＆＃39;。我应该修改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);

它是没有修改的标准版。

Answer 1

我也正在学习邻接电子。以下设置对我有用：

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

第2步） 全球安装电子：

$StudentCursor->count()

第3步） update package.json（在scripts-section中添加2个条目）：

npm install -g electron

第4步） 启动应用程序：

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

希望，这有帮助。

Answer 2

您的package.json需要修改。确保将“main”：“main.js”添加到package.json。

例如：

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