拒绝应用样式，因为它的 MIME 类型（'text/html'）不是受支持的样式表 MIME 类型，并且在 Angular 中启用了严格的 MIME 检查答案

【问题标题】：Refused to apply style because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled in Angular拒绝应用样式，因为它的 MIME 类型（'text/html'）不是受支持的样式表 MIME 类型，并且在 Angular 中启用了严格的 MIME 检查
【发布时间】：2021-07-09 18:00:46
【问题描述】：

我将 tailwind.min.css 从 href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" 更改为本地存储 href="./././libs/dave2 -shared/src/lib/CSS/tailwind.min.css”路径，但我得到 “拒绝应用来自 'http://ui_fb3.sym-tech.loc:4200/libs/dave2-shared/src 的样式/lib/CSS/tailwind.min.css' 因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查。” Angular 控制台中的错误。 p>

我尝试更改 type="text/css" 和 type="text/html" 但没有任何效果。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Setting</title>
    <base href="/setting/" />
    <link href="./././shared/src/tailwind.min.css" rel="stylesheet">        
  </head>
  <body>
    <ng-root></ng-root>
  </body>
</html>

【问题讨论】：

您似乎不在根目录下..？该文件可能未提供，因此您可能实际上无法在浏览器中请求它..（您尝试过吗..？）
tailwind.min.css 位于“libs/dave2-shared/src/lib/CSS/tailwind.min.css”文件夹中，index.html 位于 apps/ng-admin/src 中。对不起，你建议尝试什么。我没听懂。

标签： angular

【解决方案1】：

当 Angular 捆绑您的应用程序以提供服务时，它不知道它需要包含您的 css 文件（并且它可能会退回到 index.html，当它在指示的路径中找不到文件时 - 这是错误MIME 类型不正确，因为 index.html 没有正确的样式表类型）。

尝试在 angular.json 中添加 css 文件的路径 - 在样式部分（项目 -> $项目名称$ -> 建筑师 -> 构建 -> 选项 -> 样式）。

【讨论】：

感谢您的回复。我有多个项目下的项目。我需要将它添加到每个项目中吗？还有其他方法/更好的方法吗？
我想到了 4 种方法来包含一个 css 文件 - 1）从远程服务器访问它（你以前的方式）2）将它添加到角度样式列表中.json - 对于所有将使用它的项目 3) 添加将使用它的组件的 stylesUrls 列表，或 4) 将其导入将使用它的所有组件的 css 文件中