拒绝从 '' 应用样式,因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型,并且启用了严格的 MIME 检查

新手上路,请多包涵

我有一个 Vue.js 项目,当我检查控制台时发现以下问题:

拒绝应用来自 ‘ http://localhost:8080/dist/cropper.min.css ’ 的样式,因为它的 MIME 类型 (‘text/html’) 不是受支持的样式表 MIME 类型,并且启用了严格的 MIME 检查。


我搜索了SO,找到了一个 Angular 相关的帖子,但这对我没有帮助,它们基于不同的前端框架。

原文由 user7693832 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 2.4k
2 个回答

此错误消息的通常原因是,当浏览器尝试加载该资源时,服务器会返回一个 HTML 页面,例如,如果您的路由器捕获未知路径并显示没有 404 错误的默认页面。当然,这意味着路径不会返回预期的 CSS 文件/图像/图标/任何东西。

为确保您处于这种情况,请复制路径并尝试直接在新的浏览器窗口或选项卡中访问它。您将看到您的服务器发送的内容。

解决方案是找到正确的路径和路由器配置,以便在访问该路径时获得纯 CSS 文件/图像/等。

确切的路径和路由器配置取决于您如何设置项目和您使用的框架。

原文由 ghybs 发布,翻译遵循 CC BY-SA 4.0 许可协议

您提供的信息不足。但我有同样的问题,所以我有一个解决方案。

假设您在组件的样式块中 @import css 文件。所以我的问题出在我指定的路径中。由于路径错误,出现错误消息 Refused to apply style 。我以为我的 src 路径别名 ~ 已在样式块中解析,但事实并非如此。

我所要做的就是指定 /src/assets/css... 而不是 ~/assets/css...

原文由 Alex Freshmann 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题