Question

我会在Angular项目中包含材料设计。我正在使用Stackblitz在线IDE。

问题是，当我包含css文件时，我收到此错误

The stylesheet was not loaded because its MIME type, ”text/html“ is not ”text/css"

这是我在index.html中的代码：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.3.1/css/foundation.min.css">
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<link "href=node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">
</head> 
<my-app>loading</my-app>

和styles.css：

body {
background:#e8e8e8;
font-family: 'Muli';

}

Answer 1

错误在你的HTML中。 href标记位于您的路径中。

将链接更改为：

<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" 
      rel="stylesheet"
      type="text/css">

Answer 2

你输了一个错字 <link "href=node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet"> 一定是 <link rel="stylesheet" type="text/css" href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css">

在Stackblitz中导入CSS时出现Mime类型错误

2 个答案: