webpack实践--npm run dev 报错解决

我是按照资料书，实践webpack-dev-server的。

按照步骤，安装npm install webpack-dev-server --save-dev

【当然我已经安装过webpack，webpack-cli了】

然后配置，package.json

{
......
  "scripts": {
    "build": "webpack",
    "dev": "webpack-dev-server"
  },
 ......
}

配置webpack.config.js

module.exports={
    entry:'./src/index.js',
    output:{
        filename:'bundle.js',
    },
    mode:'development',
    devServer:{
        publicPath:'/dist'
    }
}

执行npm run dev时，报错。

为什么会缺少这个webpack模块呢，我明明安装过了，百度之后，有人说是webpack-dev-server 最新版导致的，然后卸载了，

又换了一个低版本，还是不行。

接着各种百度，最后又npm install webpack，这下不报这个错了，但是又报下面的错。

也不知道为啥，于是又想着把刚才的版本换回来吧，果然，不报这个错了，但是报下面的错。

哦，明白了，重新执行npm install webpack-cli，果然，再次npm run dev 时成功了！

不过还是不明白，我建项目时明明执行过 npm install webpack webpack-cli --save-dev了。为什么安装完webpack-dev-server

后还需要执行这两个呢？

记录一下吧，说不定还会遇到。