web-dev-qa-db-ja.com

Angular 2/4:AssetsからCSSファイルをロードする方法

私の.angular-cli.jsonでは、これを定義します:

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

そして、私のassetsフォルダーには(assets/css/*。css)があります..しかし、アプリを実行するとCSSがロードされません..どうすれば解決できますか?添付ファイルのjpegファイルを確認できます

enter image description here

10
user1814879

Angular 4プロジェクトを開始すると、同じエラーが発生しました

私がやったことは

私の資産にはCSSはありません

"assets": [
        "assets",
        "favicon.png"
      ],

そしてスタイルで

"styles": [
        "../src/assets/css/main.css",
]

そして、してくださいng serveもう一度

お役に立てれば

11
Jalay Oza

また、この問題に走りましたが、私は別の方法でやった。 _angular.json_は変更しませんでした。 @import url("./app/custom-styles/custom-bootstrap.css");で_styles.css_にURLをインポートしました。この方法では、検出の変更のために再起動する必要はありません。そして、一般的なスタイリングのために_styles.css_をきれいに保ちます。

それが最善の方法であるかどうかはわかりませんが、私にとってはきれいに保つのに大いに役立ちました。

1
Michelangelo