为什么css不适用于Tarteauchitron？

我正在做一个angular项目，我正在尝试应用提供给我的特定css。此css随js文件提供，

tarteaucitron.js

因此，我在

angular.json

的

style

部分中添加了

tarteaucitron.css

        "styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css",
          "node_modules/font-awesome/css/font-awesome.min.css",
          "node_modules/animate.css/animate.min.css",
          "src/assets/tarteaucitron/css/tarteaucitron.css",   // this is where I added the css           
          "src/styles.scss"
        ],

但是我的chrome调试控制台中出现了这个错误

Refused to apply style from 'http://localhost:4200/css/tarteaucitron.css?v=20181023' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

谁能解释一下吗

更新

---

---

我使用了以下方法，但没有用，也没有用，我收到的解决方案与我的问题无关，但解决方案在我的情况下不起作用。

删除库并将其放入供应商文件（该文件始终缩小，没有注释）

删除库并将其放入供应商文件（总是缩小，没有注释）

在资产文件夹中创建一个供应商文件，将css粘贴到供应商文件中，并将css文件的路径添加到index.html文件中。

在资产文件夹中创建一个供应商文件，将css粘贴到供应商文件中，并将css文件的路径添加到index.html文件中。

经过长时间的讨论，似乎罪魁祸首是

tarteaucitron.js

文件

它包含这一部分

// Step 1: load css
if ( !tarteaucitron.parameters.useExternalCss ) {
    linkElement.rel = 'stylesheet';
    linkElement.type = 'text/css';
    linkElement.href = cdn + 'src/assets/tarteaucitron/css/tarteaucitron.css?v=' + tarteaucitron.version;
    document.getElementsByTagName('head')[0].appendChild(linkElement);
}

---

注释该部分使css脚本可读。

经过长时间的讨论，似乎罪魁祸首是

tarteaucitron.js

文件

它包含这一部分

// Step 1: load css
if ( !tarteaucitron.parameters.useExternalCss ) {
    linkElement.rel = 'stylesheet';
    linkElement.type = 'text/css';
    linkElement.href = cdn + 'src/assets/tarteaucitron/css/tarteaucitron.css?v=' + tarteaucitron.version;
    document.getElementsByTagName('head')[0].appendChild(linkElement);
}

---

注释该部分使css脚本可读。

您是否尝试过在错误中访问该URL？该错误最常见的原因是服务器返回类似404页的内容。您好@DBS，是的。我被重定向到

localhost:4200

@并且您浏览器的“网络”选项卡在“开发人员工具”中显示完整的标题ret由服务器返回。检查mime类型。您是否尝试在错误中访问该URL？该错误最常见的原因是服务器返回类似404页的内容。您好@DBS，是的。我被重定向到

localhost:4200

@并且您的浏览器的“网络”选项卡在“开发人员工具”中显示由e服务器。检查那里的mime类型。