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

关于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,成功实现监听。