Angular 2/4：如何从资产加载 css 文件答案

【问题标题】：Angular 2/4 : How to load css file from AssetsAngular 2/4：如何从资产加载 css 文件
【发布时间】：2017-10-23 11:29:06
【问题描述】：

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

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

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

【问题讨论】：

我想将它加载到我的 index.html 和任何组件中
您是否在更新样式后停止并重新运行ng serve？

标签： html css angular assets

【解决方案1】：

我在启动 Angular 4 项目后遇到了同样的错误

我所做的是

在我的资产中没有 css

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

时尚

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

然后请再次ng serve

希望对你有帮助

【讨论】：

我刚刚放了“../”，它解决了我的问题我还在“../node_modules/bootstrap/dist/css/bootstrap.min.css”中添加了“../”还有
感谢您的帮助，我试过了：` "assets": [ "assets", "favicon.ico" ],` 和 ` "styles": [ "../node_modules/bootstrap/dist /css/bootstrap.min.css", "../src/assets/css/main.css" ],` 但不工作
哦，明白了.. ..hmmm 你能用“./src/assets/css/main.css”试试吗？
你需要再次发球，然后它才会反射
当您使用 angular-cli.json 进行更改时，您必须再次运行命令 ng serve

【解决方案2】：

也遇到了这个问题，但我的做法不同。我没有修改angular.json。我用@import url("./app/custom-styles/custom-bootstrap.css"); 导入了styles.css 中的url。这样，您无需重新启动检测更改。并且你保持styles.css 干净，以便为你的一般造型材料。

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：