1. 问题描述
- webpack版本:3.6.0
- css-loader:5.0.1
- style-loader:2.0.0
打包时报错:
2. 出错原因
webpack的版本低,css-loader和style-loader的版本高。版本不匹配。
3. 解决方法
可以在package.json文件中手动将 css-loader 和 style-loader 的版本降低。
"devDependencies": {
"css-loader": "^3.3.0",
"style-loader": "^1.0.0",
"webpack": "^3.6.0"
}
修改完成之后,在终端中输入npm install
重新安装 css-loader 和 style-loader 的项目依赖。然后重新打包就可以了。
另外,如果我们在使用 loader 的过程中,遇到类似的报错信息,大概率是版本的问题。可能使用的某一个loader的版本过高。
比如:
- UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
- Module build failed: TypeError [ERR_INVALID_ARG_TYPE]: The “from” argument must be of type string. Received undefined