命令:webpack-dev-server --config=config/webpack.dev.js
PS D:\myProject\webpack4> webpack-dev-server --config=config/webpack.dev.js
internal/modules/cjs/loader.js:605
throw err;
^
Error: Cannot find module 'webpack-cli/bin/config-yargs'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:603:15)
at Function.Module._load (internal/modules/cjs/loader.js:529:25)
at Module.require (internal/modules/cjs/loader.js:658:17)
at require (internal/modules/cjs/helpers.js:22:18)
at Object.<anonymous> (D:\myProject\webpack4\node_modules\_webpack-dev-server@3.11.0@webpack-dev-server\bin\webpack-dev-server.js:65:1)
at Module._compile (internal/modules/cjs/loader.js:722:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:733:10)
at tryModuleLoad (internal/modules/cjs/loader.js:560:12)
at Function.Module._load (internal/modules/cjs/loader.js:552:3)
当时我的 webpack 和 webpack-dev-server版本如下:
"dependencies": {"webpack": "^5.4.0","webpack-dev-server": "^3.11.0","wepack-cli": "0.0.1-security"},
后来查了下可能是因为Webpack与webpack-dev-server版本不兼容导致,
//卸载版本cnpm uninstall webpack -gcnpm uninstall -g webpack-dev-server//安装指定版本cnpm install webpack@4.16.0 --save-devcnpm install webpack-dev-server@3.1.4 --save-dev
或者直接把代码粘进去
"dependencies": {"webpack": "^4.16.0","webpack-cli": "^3.0.8","webpack-dev-server": "^3.1.4"},
再输入npm install
最后输入:
webpack-dev-server --config=config/webpack.dev.js
打开地址发现成功了