[英]javascript: Error with css-loader starting up webpack
當我嘗試運行npm run dev
時,我不斷收到以下錯誤。 我試圖轉儲我的節點模塊並npm install
但沒有成功。 我還嘗試重新安裝 webpack 但結果相同。 我還嘗試刪除package-lock.json
以便它可以重建,但又沒有。 我在錯誤下方包含了我的 package.json 內容和 webpack 配置內容:
ERROR in ./src/index.css (./node_modules/css-loader/dist/cjs.js??ref--5-1!./src/index.css)
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
ValidationError: Invalid options object. CSS Loader has been initialized using an options object that does not match the API schema.
- options has an unknown property 'minimize'. These properties are valid:
object { url?, import?, modules?, sourceMap?, importLoaders?, esModule? }
at validate (/Users/coding/my-webpack-app/node_modules/schema-utils/dist/validate.js:104:11)
at Object.loader (/Users/coding/my-webpack-app/node_modules/css-loader/dist/index.js:36:29)
@ ./src/index.css 2:12-97 9:17-24 13:15-22
@ multi ./src/index.js ./src/index.css
package.json
{
"name": "my-webpack-app",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "webpack-dev-server --mode development --open",
"start": "webpack -p && node server.js"
},
"author": "",
"license": "ISC",
"dependencies": {
"css-loader": "^5.0.1",
"script-loader": "^0.7.2",
"style-loader": "^2.0.0"
},
"devDependencies": {
"webpack": "^4.44.2",
"webpack-cli": "^3.3.0",
"webpack-dev-server": "^3.11.0"
}
}
webpack.config.js
module.exports = {
entry: [
'./src/index.js',
'./src/index.css'
],
output: {
path: __dirname,
publicPath: '/',
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "script-loader"
}
},
{
test: /\.css$/,
use: [
{
loader: "style-loader"
},
{
loader: "css-loader",
options: {
modules: true,
importLoaders: 1,
localIdentName: "[name]_[local]_[hash:base64]",
sourceMap: true,
minimize: true
}
}
]
}
]
}
};
localIdentName
和minimize
不是css-loader
上的可用選項
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.