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 serve

希望这有帮助

Answer 2

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

Answer 3

Ran也遇到了这个问题，但我的做法有所不同。我没有修改angular.json。我将styles.css中的网址导入了@import url("./app/custom-styles/custom-bootstrap.css");中。这样，您无需重新启动即可进行检测更改。然后，您将styles.css保留为常规样式的素材。

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

Answer 4

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