ブートストラップ4を角度4で使用する

Question

なぜ私はstyles.cssのブートストラップファイルをAngularでインポートする必要があるのだろうかと思います。 Bootstrap 4をAngular 4で動作させるには、これを本当に行う必要がありますか？私はstyles.cssにそれをインポートしようとしなかったし、それは動作しませんが、それをインポートしたときに動作します。ブートストラップ3とは異なり、styles.cssにインポートする必要はありませんが、angular.cli.jsonとして宣言すれば正常に動作します。

//styles.css 
@import "~bootstrap/dist/css/bootstrap.min.css"; 



//.angular.cli.json 
"styles": [ 
    "../node_modules/bootstrap/dist/css/bootstrap.min.css", 
    "styles.css" 
    ], 
    "scripts": [ 
    "../node_modules/jquery/dist/jquery.js", 
    "../node_modules/tether/dist/js/tether.js", 
    "../node_modules/bootstrap/dist/js/bootstrap.js" 
    ], 

Answer 1

あなたはすべての問題を持っている場合は、ファイルstyles.bundle.jsが生成され、その後

<script type="text/javascript" src="styles.bundle.js"></script>

ようindex.htmlにして注入します結果として

"styles": [ 
    "../node_modules/bootstrap/dist/css/bootstrap.min.css", 
    "styles.css" 
    ], 

のようなグローバルスタイルを指定した場合styles is missingのようなグローバルスタイルでは、ファイルをチェックする必要がありますあなたのスタイルが実際に配置されているかどうかを確認してください。欠落している理由の1つは間違ったパスのためです。

ブラウザがキャッシュから何もロードしていないことを確認する必要がある場合は、ctrl+f5を押すか、キャッシュをクリーンアップするか、シークレットウィンドウを開いてキャッシュから何もロードされていないことを確認してください。