夕方、
私は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
を使用しますか? この問題を修正してアプリが正しく動作するようにするにはどうすればよいですか?
最後までおねがいします。これは私が望んでいたよりも長くなったが、私は自分自身を説明してもいいと思う。あなたが助けたり、素晴らしいことだ任意のポインタを与えることができれば - 多くの良い感じはあなたの一般的な方向に考えられます:)
乾杯はすべて