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

Question

我会在我的 Angular 项目中包含 material 设计。我正在在线使用 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 更改为：

<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 类型错误

Mime type error when Importing CSS in Stackblitz

angular-material

angular-material2

angular