webpack自动打包报错

webpack自动打包报错

报错日志

npm run dev

> webpack_study@1.0.0 dev
> webpack-dev-server

node:internal/modules/cjs/loader:936
  throw err;
  ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
Require stack:
- C:\Users\Administrator.G1M9NFX8MJNEGW7\Desktop\code\webpack_study\node_modules\webpack-dev-server\bin\webpack-dev-server.js

解决办法:
webpack版本冲突
修改package.json文件
冲突前:

  "devDependencies": {
    "webpack": "^5.49.0",
    "webpack-cli": "^4.7.2",
    "webpack-dev-server": "^3.11.2"
  }

冲突后:

  "devDependencies": {
    "webpack": "^4.46.0",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.1.10"
  }

修改后将package-lock.json文件删除,
执行命令 npm install webpack webpack-cli -D

执行命令 npm run dev