Vue报错:Parsing error: x-invalid-end-tag
问题
今天在Vue中使用input标签时突然报错,如图所示
![在这里插入图片描述](https://img-blog.csdnimg.cn/b519645b20b54d68ab0223b74c5ff50d.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/e2d866963d2b41dd8d53ff319c1e8a16.png#pic_center)
原因
查询了一些博客,发现是因为Eslint规则针对可以自闭合的标签不能有end标签
解决办法
修改Eslint的规则,在package.json文件中找到rules,在其中添加
"vue/no-parsing-error": [2, { "x-invalid-end-tag": false }]
![在这里插入图片描述](https://img-blog.csdnimg.cn/f185d47a327a4777b833d4ef189c2297.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/0f1c2938be2148668ba80d0229a1167f.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/f8b45adc85f24bbcaaff89adb923edb1.png#pic_center)
注意:最后需要重启项目,正常运行
![在这里插入图片描述](https://img-blog.csdnimg.cn/f7320efd356d46b08c48fa8f14a7f24e.png#pic_center)
参考文章:https://www.jianshu.com/p/d5eec7c90b43