これは、クイックスタートアプリに基づいた私の最初のエレクトロンアプリです。 TwitterブートストラップのCSSを追加したい。だから私はそれを次のようにインストールしました:
npm install bootstrap
そして、このようにindex.htmlに含まれています:
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
ターミナルからnpm start
を実行すると、正常に動作します。ただし、次のような電子パッケージャーを使用してビルドしようとすると、次のようになります。
npm run build
ネイティブMacアプリ「myApp.app」を入手しましたが、開くとスタイルが表示されません。
node_modules
とpackage.json
を除くアプリケーション内の唯一のファイルは、main.js
とindex.html
であり、どちらもルートディレクトリにあります。
私が欠けているステップはここにありますか?
編集
アプリケーションがResouces/app
ディレクトリでcssファイルを探していることに気づきました。 cssファイルを含めるのはビルドツールの責任ですか、それとも手動で含める必要がありますか?これを処理する必要がある場合、npmからbootstrapをインストールする必要がありましたか?
package.json
ファイルを確認してください:bootstrap
は依存関係としてリストされていますか?おそらく、--save
パラメータを使用しているようには見えないためではありません。
npm install bootstrap --save
私はエレクトロンのヒーローではありません。現在、fs-jetpack
を使用してプロジェクトに取り組んでいます。 fs-jetpack
からproject.json
エントリを削除し、electron-packager
を使用してOSXビルドを実行しました。起動時に、「fs-jetpack」が見つからないというスクリプトエラーが発生しました。これから、パッケージャーは「package.json」を使用して何を含めるかを判断していると結論付けます。間違っている可能性がありますか?「-Prune = true」がありますパッケージャパラメータの1つとして。多分それなしでそれはすべてを含みますか?
また、私はこの行があなたのために働くことに驚いています:
<link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
しかし、おそらくあなたはindex.htmlファイルがappディレクトリにない別のフォルダ構造を使用していますか?