Question

我正在做一个有角度的项目，为此我试图应用提供给我的某些CSS。该CSS随js文件tarteaucitron.js

一起提供

因此，我在tarteaucitron.css部分的angular.json中添加了styles

        "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.

有人可以解释吗？

更新

我使用了以下answer，但无济于事，没有，我收到的解决方案接近于我的问题，但该解决方案不适用于我的情况。

Answer 1

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

Answer 2

在资产文件夹中制作一个供应商文件，然后将css粘贴到供应商文件中，然后将css文件的路径输入index.html文件中。

Answer 3

经过长时间的讨论，罪魁祸首似乎是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脚本可读。

为什么css不与tarteaucitron一起使用？

3 个答案: