搭建webpack环境出现的一些问题解答
1、报错信息:
clean-webpack-plugin only accepts an options object. See:
https://github.com/johnagan/clean-webpack-plugin#options-and-defaults-optional
at new CleanWebpackPlugin (F:\2019\five\webpack-demo\node_modules\clean-webpack-plugin\dist\clean-webpack-plugin.js:17:13)
原因:我页面中写的代码是new CleanWebpackPlugin(['dist']),查了下github,发现是版本升级过了的问题,我的版本是
"clean-webpack-plugin": "^2.0.0",github解释:
解决方法:如果使用基本配置new CleanWebpackPlugin(['dist'])
,删除['dist']就可以了
2、报错信息
Cannot find module 'webpack/bin/config-yargs'
原因:webpack和webpack-dev-server的版本问题,不对应
解决方法:卸载安装的webpack和webpack-dev-server,安装指定的版本
//卸载版本
cnpm uninstall webpack -g
cnpm uninstall -g webpack-dev-server
//安装指定版本
cnpm install aaa@qq.com --save-dev
cnpm install aaa@qq.com --save-dev
3、报错信息:
Vue项目碰到"‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件
解决方法:看项目中有没有node_modules,有的话删掉这个文件夹,在cmd中 npm install,没有直接 npm install
4、报错信息:
Error: Cannot find module '@babel/core'
解决方法:
官方默认babel-loader | babel 对应的版本需要一致: 即babel-loader需要搭配最新版本babel
1、回退版本
npm install -D aaa@qq.com babel-core babel-preset-env
2、更新到最新版本
npm install -D babel-loader @babel/core @babel/preset-env webpack