reactjs - 拒绝应用样式不是受支持的样式表 MIME 类型,并且启用了严格的 MIME 检查
问题描述
1:1 拒绝应用来自http://localhost:8080/products/main.css的样式,因为它的 MIME 类型('text/html')不是支持的样式表 MIME 类型,并且启用了严格的 MIME 检查。
我确实尝试了几种方法,但它们没有奏效。我能做些什么?
网络包文件:
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const devMode = process.env.NODE_ENV !== 'production';
module.exports = {
entry: './src/index.js',
output: {
path: path.join(__dirname, '/dist'),
filename: 'index_bundle.js'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
},
{
test: /\.scss$/,
use: [
devMode ? 'style-loader' : MiniCssExtractPlugin.loader,
{
loader: 'css-loader'
},
{
loader: 'sass-loader'
}
]
},
{
test: /\.css$/,
use: [
devMode ? 'style-loader' : MiniCssExtractPlugin.loader,
MiniCssExtractPlugin.loader,
"css-loader"
]
}
]
},
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html'
}),
new MiniCssExtractPlugin({
filename: "[name].css",
chunkFilename: "[id].css"
})
]
}
解决方案
推荐阅读
- html - PrimeNG p-table 只显示表的名称
- powershell - 我想创建一个文件,它将获取 1.csv 的标题并从 2.csv 中提取所有数据。在 Powershell 中
- visual-c++ - 如何调用 LimitText 而不会导致派生 CComboBox 异常
- python - PyGame Collisions 仅在矩形的一侧起作用
- javascript - 仅在第一行用正则表达式替换
- python - 如何使用 Python 脚本在 Excel 工作表的每一行下下载 PDF 文件?
- javascript - 在 Blazor 应用程序中使用 Jquery 函数而无需单击按钮
- php - 未为自定义路由发送验证电子邮件获取未定义路由 [verification.verify]
- angular - 在 Angular Material 自定义对话框中显示组件
- r - 在 sparklyr 中汇总标准偏差并计算非 NA