1

ブートストラップを角度2 cliに統合する際の問題。 私は角度2のCLIを使い慣れていません。手順を間違えている場合は、CLIを案内して修正してください。前もって感謝します。角度2 cliプロジェクトでのブートストラップの統合

手順は続く:
1. NPMは次の--save
2.修正.angular-cli.jsonファイル
@ブートストラップを取り付けるこれは私が修正するものである:

"styles": [ 
     "../node_modules/bootstrap/dist/css/bootstrap.css", 
     "styles.scss" 
     ], 
     "scripts": [ 
     "../node_modules/jquery/dist/jquery.js", 
     "../node_modules/tether/dist/tether.js", 
     "../node_modules/bootstrap/dist/js/bootstrap.js" 
     ], 

を持つアプリを再起動します次のようにNG

エラーを果たす発生しました:

ERROR in multi script-loader!./~/jquery/dist/jquery.js script-loader!./~/tether/dist/tether.js script-loader!./~/bootstrap/dist/js/bootstrap.js Module not found: Error: Can't resolve '/Users/sagarbhanushali/projectangularcliyoutube/myProject/node_modules/tether/dist/tether.js' in '/Users/sagarbhanushali/projectangularcliyoutube/myProject/node_modules/@angular/cli/models/webpack-configs' @ multi script-loader!./~/jquery/dist/jquery.js script-loader!./~/tether/dist/tether.js script-loader!./~/bootstrap/dist/js/bootstrap.js

私は角2のCLIを使い慣れていません。前もって感謝します。

+0

package.jsonファイルを投稿できますか? tether.jsに問題があり、ブートストラップではないようです。 –

+0

ええと、すべてのパッケージが最初に一緒にロードされていなかったため、ブートストラップローダーが使用され、問題は解決されました。ありがとうございました – SagarBhanu

答えて

1

解決済み... これを解決するためにブートストラップローダーを使用しました。 次のコマンドを実行します。 1. npm install --save resolve-url-loader --dev 2. npm i --save-devブートストラップ@次のブートストラップローダーテザーjquery

+0

まずはお返事ありがとうございます。標準的なリファレンス、またはこの回答に導いたソースはありますか?それとも、それがうまくいくまでちょうど打ちつけられましたかまた、 '--dev'は推奨されません。 'npm's'の提案に従うことをお勧めします。' npm WARN install '--dev'オプションの使用は推奨されません。代わりに '--only = dev'を代わりに使用してください。 –

関連する問題