2017-04-03 91 views
0

我的項目結構如下:如何將電子添加到角度/ cli製成的角度項目?

enter image description here

,我試圖添加電子通過角/ CLI其具體結構來製作項目。然而,當我嘗試運行'npm start'時,我得到「無法找到電子應用程序」。我應該從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); 

它是標準的沒有修改。

回答

1

我只是在學習鄰接電子。以下設置爲我工作:

步驟1) 創建SRC-目錄,其中包含一個的package.json和main.js下面的電子目錄(見https://electron.atom.io/docs/tutorial/quick-start/

步驟2) 安裝電子全局:

npm install -g electron 

步驟3) 更新的package.json(添加2個條目到腳本截面):

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

步驟4) 啓動應用程序:

npm run electron 

希望,它幫助。

+0

感謝它的工作。我使用這個腳本使它在osx上工作。 「build-electron」:「ng build --base-href。&& cp src/electron/* dist」, –

+0

不應該是&& cp -R src/electron/* dist – Jason

0

您的package.json需要修改。確保將您的package.json添加爲「main」:「main.js」

爲如:

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