我正在使用 webpack 加载器 (css-loader/style-loader),我只是不知道为什么下面的简单 css 代码,
body {
background: blue;
}
一直导致这个错误,
ERROR in ./app/main.css 1:5
Module parse failed: Unexpected token (1:5)
You may need an appropriate loader to handle this file type.
> body {
background: blue;
}
@ ./app/index.js 1:0-21
这是来自 webpack.config.js 的片段
const Paths = {
app: __dirname + '/app',
build: __dirname + '/build',
};
module: {
rules: [
{
test: /\.css&/,
use: [{loader: 'style-loader'},
{loader: 'css-loader'}],
include: Paths.app
}]
}
这是我的 package.json 片段
"devDependencies": {
"css-loader": "^1.0.0",
"style-loader": "^0.21.0",
"webpack": "^4.15.1",
"webpack-cli": "^3.0.8"
},
这是我第一次尝试 Webpack,css,感谢您的宝贵时间
最佳答案
您必须导入您的 css。
添加 const s = require('./main.css');
到 index.js
如果您仍然遇到问题,请告诉我。
关于javascript - webpack css-loader 解析失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51228534/