Webpack构建项目时报Error: Cannot find module ‘webpack

时报Error: Cannot find module ‘webpack"/>

Webpack构建项目时报Error: Cannot find module ‘webpack

场景复现

在使用webpack-dev-server 来构建 web 服务器，实现实时重新加载(live reloading)项目的时候

package.json文件中添加运行指令

"start": "webpack-dev-server --open"

在控制台中输入指令npm start运行项目，报错如下

原因

webpack-cli的4.x版本和webpack-dev-server的3.x版本不兼容

解决办法

安装webpack-cli的3.x版本即可

npm uninstall webpack-cli

npm install --save-dev webpack-cli@3.3.12

再次运行npm start，运行成功