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