欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-22 14:01:36
webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序或批处理文件报错:‘webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序或批处理文件。前言前端要学的东西太多了担心脑子不够用,所以以这种方式记录下来,方便自己总结和回忆,也希望能帮到正在学习前端的你提示:以下是本篇文章正文内容,下面案例可供参考一、报错信息是什么?楼主在用vue-cli运行demo的时候报错,报错提示如下::'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版本的不一致导致报错

本文地址:https://blog.csdn.net/DW14687/article/details/111129627

相关标签: VUE vue.js