关于webpack踩的那些坑

最新推荐文章于 2024-05-16 09:55:01 发布

小菜同学、

最新推荐文章于 2024-05-16 09:55:01 发布

阅读量145

点赞数

文章标签： webpack javascript

本文链接：https://blog.csdn.net/weixin_57145577/article/details/115799213

版权

运行npm run dev遇到的问题：Error: Cannot find module 'webpack-cli/bin/config-yargs’

原本package.json配置文件：

"devDependencies": {
    "webpack": "^5.33.2",
    "webpack-cli": "^4.n.n",
    "webpack-dev-server": "^3.11.2"
  }

解决：

卸载当前的 webpack-cli npm uninstall webpack-cli

安装 webpack-cli 3.* 版本 npm install webpack-cli@3 -D

运行后package.json配置文件：

 "devDependencies": {
    "webpack": "^5.33.2",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.2"
  }

之后再运行npm run dev即可

总结：之前只知道webpack3.x的版本与webpack-dev-server3.x 的版本不兼容，出现这个错误并查找资料解决后，发现webpack-cli 4.0版本和webpack-dev-server3.0版本也存在不兼容情况（自我判断如有不对麻烦大神指出）

检查符号是否写全。（我是webpack.config.js里{}缺一个导致的）

关注