Question

我正在尝试在angular 6应用程序中添加基本的重置样式。但我一直在控制台中出现以下错误。

**

拒绝申请样式＆＃39; http://localhost:4200/app/style-components/reset.css＆＃39;因为它是 MIME类型（＆＃39; text / html＆＃39;）不是受支持的样式表MIME类型，并且严格的MIME检查已启用。

**

正如您所看到的，我的css文件名是reset.css，我在index.html中使用以下行来添加此文件。

  void setup() {

  //pinMode(10, OUTPUT);
}

// the loop function runs over and over again forever
void loop() {
  digitalWrite(10, HIGH);   // turn the LED on (HIGH is the voltage level)
  delay(1000);                       // wait for a second
  digitalWrite(10, LOW);    // turn the LED off by making the voltage LOW
  delay(1000);                       // wait for a second
}

我是这个角度新版本的新手，对我来说它是一个非常强大的阻挡剂。提前谢谢：）

Answer 1

在像您这样的类似问题上，answer很好。

此错误消息的通常原因是，当浏览器尝试加载该资源时，服务器将返回HTML页面，例如，如果您的路由器捕获了未知的路径并显示没有404错误的默认页面。当然，这意味着该路径不会返回预期的CSS文件/图像/图标/任何内容...

解决方案是找到正确的路径和路由器配置，以便在访问该路径时获得纯CSS文件/图像/等。

Answer 2

我认为在运行时找不到该文件，因此返回一个Html错误页面（或类似的）。将文件放入assets文件夹并引用它：

href="assets/reset.css"

要检查此项，请打开浏览器并访问您的页面，按F12，点击Network，然后按F5重新加载。看一下Http文件的状态。

您也可以将其放在其他位置，并在angular.json部分的styles部分中将其引用，并将其从index.html中删除：

"styles": [
   "src/app/style-components/reset.css"
],

无法在角度6应用程序中加载css文件

2 个答案: