webpack-dev-server

241 阅读1分钟

用webpack-dev-server运行时报错,packge.json中的配置:\

{

  "name": "webpackdemo",

  "version": "1.0.0",

  "description": "",

  "main": "index.js",

  "scripts": {

    "test": "echo "Error: no test specified" && exit 1",

    "server": "webpack-dev-server"

  },

  "keywords": [],

  "author": "",

  "license": "ISC",

  "devDependencies": {

    "html-webpack-plugin": "^5.3.2",

    "webpack": "^5.43.0",

    "webpack-cli": "^3.3.12",

    "webpack-dev-server": "^3.11.2"

  }

}

\

npm run server

\

webpackdemo@1.0.0 server D:\workProject\WebpackDemo

webpack-dev-server

\

internal/modules/cjs/loader.js:888

  throw err;

  ^

\

Error: Cannot find module 'webpack-cli/bin/config-yargs'

\

查找原因,发现是webpack-dev-server与webpack-cli版本不兼容的问题

\

对webpack-cli进行降级,在node_modules/webpack-dev-server/bin/webpack-dev-server.js中查看对应的webpack-cli版本号进行安装 

 npm install webpack-cli webpack-cli@3.3 -D

\

再次执行npm run server,运行成功