2016-12-13 13 views
2

夕方、
私はelectronを使用して、既存のangular2ビルドをパッケージ化してみました。私は乾いた状態で稼働していると思ったが、実際のパッケージングは​​失敗しているようだ(下記の最終ステップを参照)。電子 - ローカルリソースを読み込めません

は電子をインストールし、electron-builder

編集には、次の追加を行い
をpackage.json ng new electron-ng2-cli --style=scss

新しいプロジェクトを開始するには、プロジェクト
使用angular-cliを作成します...私がやっているここにあります...
"main": "main.js"

"build": 
{ 
    "appId": "com.electrontest.testapp", 
    "mac": { 
    "category": "your.app.category.type" 
    } 
} 

scriptsに以下を追加...

"pack": "build --dir", 
"dist": "build", 
"electron": "electron main.js", 
"postinstall": "install-app-deps" 

私はちょうどelectron quick startからコードをコピーしmain.js
を作成します。私が作る唯一の変更は、私がindex.html変更<base="/">

<base="./">にパックコード
実行ng buildでベース
を改正/dist/index.html

に設定index.htmlの場所にあります。これは/dist

テスト実行
実行npm run electron内のすべてのパッケージのコードを置きます。これは正常に動作します。電子アプリが起動し、その中で角張ったものが走っているのが見えます。

パッケージ化アプリケーションを作成するために実行npm run pack配布
のためのアプリケーションを作成します。パッケージングは​​うまくいくように思えます - アイコンが表示されていないことと、コードが署名されていないという警告が表示されますが、致命的ではないはずですか?誰もが失敗し、パッケージアプリし、[OK]を実行します1の間で異なっているかを説明することができ、そうNot allowed to load local resource: file:///Users/<username>/Documents/development/electron-ng2-cli/dist/mac/electron-ng2-cli.app/Contents/Resources/app.asar/dist/index.html



問題は、私は今Finderでダブルクリックしてアプリケーションを実行したときに、私は、コンソールにエラーが言ってもらうということです私はnpm run electronを使用しますか?

この問題を修正してアプリが正しく動作するようにするにはどうすればよいですか?

最後までおねがいします。これは私が望んでいたよりも長くなったが、私は自分自身を説明してもいいと思う。あなたが助けたり、素晴らしいことだ任意のポインタを与えることができれば - 多くの良い感じはあなたの一般的な方向に考えられます:)

乾杯はすべて

答えて

関連する問題