当前位置: 首页 > 面试题库 >

由于MIME类型未加载样式表

上官联
2023-03-14
问题内容

我正在使用一个网站gulp进行编译和浏览器同步,以使浏览器与我的更改保持同步。

gulp任务可以正确编译所有内容,但是在网站上,我看不到任何样式,并且控制台显示以下错误消息:

拒绝从’ http:// localhost:3000/assets/styles/custom-style.css ‘
应用样式,因为它的MIME类型(’text / html’)不是受支持的样式表MIME类型,并且启用了严格的MIME检查。

现在,我真的不明白为什么会这样。

HTML包含这样的文件(我很确定是正确的):

<link rel="stylesheet" type="text/css" href="assets/styles/custom-style.css"/>

样式表目前是Bootstrap和超酷字体之间的合并(尚未自定义)。

路径也是正确的,因为这是文件夹结构:

index.html
assets
|-styles
  |-custom-style.css

但是我一直在出错。

会是什么呢?这是gulp / browsersync的东西(也许是设置吗?)?


问题答案:

我认为,问题出在以注释开头的CSS库。

在开发过程中,我不会缩小文件,也不会删除注释。这意味着样式表以一些注释开头,从而使其被视为与CSS不同。

删除该库并将其放入供应商文件(总是缩小而没有注释)解决了该问题。

再次,我不是100%地确定这是修复程序,但是对我来说仍然是一个胜利,因为它现在可以按预期运行。



 类似资料:
  • 我在一个应用程序,我试图改变主题(动态)。 正确编译所有内容,但在中,我收到了此错误消息。 拒绝应用http://localhost:4200/vendor/theme-light.css的样式,因为它的MIME类型(text/html)不是受支持的样式表MIME类型,并且启用了严格的MIME检查。 我的文件结构是这样的,路径正确 我的主题更改代码如下所示 现在,我真的不明白为什么会这样。我是不是

  • 我正在开发一个网站,该网站使用编译和浏览器同步,以保持浏览器与我的更改同步。 gulp任务正确地编译了所有内容,但在网站上,我看不到任何样式,控制台显示以下错误消息: 拒绝应用“http://localhost:3000/assets/styles/custom-style.css”中得样式,因为其MIME类型(“text/html”)不是受支持得样式表MIME类型,并且启用了严格得MIME检查.

  • 我在将css表单加载到spring webapp的浏览器中时遇到问题-我不断遇到以下错误: 样式表http://localhost:8080/MyBudget/resources/css/hello.css未加载,因为其MIME类型“text/html”不是“text/css”。 文件结构 在我的网站上。xml文件,我已指定我的资源如下; 在我看来(. JSP),我引用的css文件如下: 我已经尽

  • 我正在处理一个React应用程序,该应用程序运行在来自npm的webpack-dev-server上。在运行服务器时,我注意到我在浏览器控制台中得到以下消息: "拒绝应用'http://localhost:8080/css/index.css'的样式,因为它的MIME类型('text/html')不是受支持的样式表MIME类型,并且启用了严格的MIME检查。" 除了名为style的自定义css文件

  • MIME(多用途Internet邮件扩展)类型告诉浏览器如何处理某些类型的文件。 当文件发送到您网站访问者的浏览器时,它也会发送该文件的MIME类型。 MIME类型告诉浏览器文件类型以及如何将文件提供给用户。 例如,如果将.js文件发送到浏览器,则还会发送application/JavaScript MIME类型以告知浏览器.js文件是JavaScript文件,浏览器会相应地处理该文件。 大多数M

  • 我有一个,它将所有文件编译成一个文件。在我的索引中,我把链接到文件中,如下所示: 这是我的: 这是我的文件和任务: 在我启动任务后,我的浏览器打开了我的网站,但样式是错误的。我得到了这个错误: