场景:在使用npm install 安装package.json里面的依赖的,打包,运行的使用,有时候会失败。
原因 :由于webpack webpack-cli版本不同导致的
这个时候需要解决webpack webpack-cli的安装,切换等操作
例如使用 laravel-mix 依赖开发前端
1:查看当前版本 webpack webpack-cli
npm info webpack
npm info webpack-cli
备注
npm webpack -v 这个没用,因为这个是显示的是npm的版本新 = npm -v
npm webpacl-cli -v 这个没用,因为这个是显示的是npm的版本新 = npm -v
2:查看当前需要的版本
打开 package,json 查看依赖
3:卸载webpack webpack-cli
npm uninstall webpack
npm uninstall webpack-cli
或者
cnpm uninstall webpack -g
cnpm uninstall webpack-cli -g
4: 重新安装 webpack webpack-cli
例如当前需要 webpack 需要 5.79.0 , webpack-cli 需要5.0.1
npm install webpack@5.79.0 -g
npm install webpack-cli@5.0.1 -g
5:其他
npx webpack -v
npx是npm5.2之后提供的新功能。 这个作用是 调用项目安装的模块,它在运行时会在node_modules/.bin中去检查命令是否存在