WebPack5使用npm run dev报错

WebPack5使用npm run dev报错

版本号
报错信息

Require stack:
- D:\code\webProject\黑马\05-前端工程化\webpack_study\node_modules\webpack-dev-server\bin\webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.<anonymous> (D:\code\webProject\黑马\05-前端工程化\webpack_study\node_modules\webpack-dev-server\bin\webpack-dev-server.js:65:1)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'D:\\code\\webProject\\黑马\\05-前端工程化\\webpack_study\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! webpack_study@1.0.0 dev: `webpack-dev-server`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the webpack_study@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     D:\code\environment\nodejs\node_cache\_logs\2020-11-20T06_45_17_405Z-debug.log

错误原因

错误原因：

wbepack4X版本使用webpack-dev-server，启动方式为：webpack-dev-server。
webpack5X修改为：webpack server

之前的代码

"scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "dev": "webpack-dev-server"
    },

解决方法

改为以下代码

"scripts": {
        "test": "echo \"Error: no test specified\" && exit 1",
        "dev": "webpack serve"
    }

终端 npm run dev 成功，就是webpack版本间的命令不同导致的错误