Question

我有一个CSS文件，我的本地开发服务器（webpack）提供的服务显然是错误的mime类型。

Refused to apply style from 'http://localhost:10001/font-awesome/css/font-awesome.min.css' 
because its MIME type ('text/html') is not a supported stylesheet MIME type, 
and strict MIME checking is enabled.

无论如何禁用此功能？我认为这是一个镀铬设置。至少对于特定的主持人。

深入研究webpack配置，如果不做这样的基本操作通常是令人沮丧的牦牛剃须练习。

大多数其他答案都涉及修复服务器的方法。我只是想破解这个客户端，因为服务器很顽固。

相关：

Answer 1

您的问题是前一阵子的，但是在此问题上在Google上排名很高，因此我想提出一些建议。

可能是伪装的HTTP / 404

该错误消息可能只是在误导您。不幸的是，谷歌浏览器彻底删除了响应，甚至删除了“网络”开发人员面板的预览。

MIME类型可能不正确，因为服务器正在使用HTTP 404消息进行应答。
要测试：在浏览器中直接打开CSS文件的URL，或使用pub/sub之类的工具来获取它。

您检查路径是否正确吗？根据您的配置，css文件可能不像以前那样（假定webpack或其配置没有问题）。

我只能在这里盲目猜测正确的URL是什么...
cloud function
wget
http://localhost:10001/node_modules/font-awesome/css/font-awesome.min.css
http://localhost:10001/css/font-awesome/font-awesome.min.css

相关答案
如果这没有帮助，那么这些对我有帮助：
Stylesheet not loaded because of MIME-type

Answer 2

尝试强制重新加载或清空缓存并强制重新加载页面。

要这样做：

打开检查。（CTRL + SHIFT + I）
右键单击刷新按钮（位于地址栏之前），然后选择适当的选项。

Answer 3

我遇到了相同的问题，并尝试了许多不同的方法，但是问题是我没有将devServer属性添加到webpack.config.js模块导出中。

module.exports = {
    entry: src + '/js/index.js',
    output: {
        path: dist,
        filename: 'js/bundle.js'
    },
    devServer: {
        contentBase: './dist'
    }
}

在这段代码中，没有添加devServer配置，我遇到了404和Mime类型的问题，

添加此内容即可解决该错误。

希望它可以帮助某人进行故障排除。

在本地dev上禁用chrome strict MIME类型检查

3 个答案: