angular - Angular 6 中的 multi ./styles.css 错误

Question

我是 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

Angular .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';
...
...
...

引用此:bootstrap not connect to the angular 6?

谁能帮我解决这个错误。

Answer 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"
        ],