关于webpack配置服务webpack-dev-server的报错问题:Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
安装本地服务步骤:
1、安装 loader:npm install webpack-dev-server --save-dev
2、webpack.config.js里面进行devServer 配置,如下图:
3、运行scripts里面的npm run dev脚本,如下图:
结果报错:
出错原因:webpack-cli
的新版本对webpack-dev-server
版本的不兼容
解决方案:降低webpack-cli的版本为3.3.12,运行npm install webpack-cli@3.3.12 --save-dev
重新运行npm run dev,成功实现监听。