Angular 2/4：如何从 Assets 加载 css 文件

Question

在我的 .angular-cli.json 中，我这样定义：

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

在我的资产文件夹中我有 (assets/css/*.css) .. 但是当我运行我的应用程序时， CSS 没有加载..请问我该如何解决？您可以查看附件中的 jpeg 文件

Answer 1

我一开始就遇到了同样的错误Angular 4 项目

我所做的是

我的资产中没有css

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

时尚

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

然后请再次执行 ng 服务

希望对您有所帮助

Answer 2

运行也进入这个问题，但我做的不同。我没有修改angular.json。我用 @import url("./app/custom-styles/custom-bootstrap.css"); 在 styles.css 中导入了 url。这样您就不需要重新启动检测更改。并且您保持 styles.css 清洁您的一般样式。

不知道这是否是最好的方法，但对我来说，保持清洁有很大帮助。

Answer 3

转到资产文件夹，然后创建新的“CSS 文件夹和一个 styles.css 文件。打开 'angular.json' 文件，在 "styles" 部分给出路径。

Answer 4

总是使用双点返回。单个“../”用于返回一个目录。现在检查目标文件夹中的资产文件夹在哪里。对我来说 ../../assets/css/spinner.css 有帮助

Angular 2/4：如何从 Assets 加载 css 文件

Angular 2/4 : How to load css file from Assets

html

css

assets

angular