☰

Angular 6 の複数の ./styles.css でエラーが発生しました 質問する

tag-icon • tag-icon angular typescript
Angular 6 の複数の ./styles.css でエラーが発生しました 質問する

私はAngular 6を初めて使用していますが、プロジェクトで以下のエラーが発生しました

 ERROR in multi ./node_modules/bootstrap/dist/css/bootstrap.min.css ./styles.css
Module not found: Error: Can't resolve 'C:\Users\User\e-CommerceWebsite\styles.css' in 'C:\Users\User\e-CommerceWebsite'

ブラウザには

cannot Get

角度付きJSON

 "styles": [
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "styles.css"
        ],
        "scripts": [
          "./node_modules/jquery/dist/jquery.min.js",
          "./node_modules/popper.js/dist/popper.min.js",
          "./node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]

スタイル.css

@import '~bootstrap/dist/css/bootstrap.min.css';
...
...
...

これを参照してください：ブートストラップはAngular 6に接続しませんか?

誰かこのエラーを修正するのを手伝ってくれませんか。

ベストアンサー1

Angular 6 の angular.json ファイルで、次のように bootstrap または font-awesome css ファイルを使用すると問題が解決します。

   "styles": [
          {
            "input": "./node_modules/bootstrap/dist/css/bootstrap.min.css"
          },
          {
            "input": "./node_modules/font-awesome/css/font-awesome.min.css"
          },
          "src/styles.css"
        ],

おすすめ記事