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

相信很多人在使用webpack-dev-server时肯定会遇到一些问题（如下图所示）我在学习vue框架的时候因为要使用到webpack工具，但这个工具又是基于node，而我对node没有任何基础，然后每次出现问题就在网上疯狂的找啊找，在网上诸如类似这个问题的解答很多，但是每个人的情况不一样，而我相信我的情况是最复杂的那种，试过网上所有办法之后还是没有解决，最后摸索出了一套自己的万能解决办法！..

Rsun04551

14803人浏览 · 2020-02-22 11:50:50

Rsun04551 · 2020-02-22 11:50:50 发布

相信很多人在使用webpack-dev-server时肯定会遇到一些问题（如下图所示）
在这里插入图片描述
我在学习vue框架的时候因为要使用到webpack工具，但这个工具又是基于node，而我对node没有任何基础，然后每次出现问题就在网上疯狂的找啊找，在网上诸如类似这个问题的解答很多，但是每个人的情况不一样，而我相信我的情况是最复杂的那种，试过网上所有办法之后还是没有解决，最后摸索出了一套自己的万能解决办法！

$\color{#FF0000}{webpack-dev-server错误法则：}$

前往项目根目录删除node_modules文件夹，然后在项目根目录路径下的终端运行"npm install"等待安装完之后，再次运行“npm run dev”，有些人的是马上就可以了，然而往往还会有人（譬如我）仍然报类似的错误，这个时候你只需要再次重复相同的操作即可，“一次不成再删再安装”！！！

测试结果：

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^