vue报错——webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件

webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件

报错：‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序或批处理文件。

前言

前端要学的东西太多了担心脑子不够用，所以以这种方式记录下来，方便自己总结和回忆，也希望能帮到正在学习前端的你

---

一、报错信息是什么？

楼主在用vue-cli运行demo的时候报错，报错提示如下： ：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序或批处理文件。

二、报错原因及解决方法？

1.报错原因

原因是你的vue版本和webpack-dev-server版本不一致，所以你需要移除现有版本的webpack-dev-server，再安装和你vue版本相对应的webpack-dev-server

---

## 2.解决方法
代码如下（示例）：

//首先需要知道你安装的vue的版本，所以你需要打开cmd，输入以下代码：
vue -V
//这是我的输出结果：2.9.6
//所以你现在需要移除你现在的webpack-dev-server，使用以下代码：
npm remove webpack-dev-server
//然后你需要安装和你vue版本相同的webpack-dev-server（我的版本号是2.9.6所以是@2.9.6），使用代码如下：
npm install webpack-dev-server@2.9.6
//最后运行项目，就可以了
npm run dev

---

总结

例如：vue和webpack-dev-server版本的不一致导致报错