Vetur 文件标红 报错 Component name “index“ should always be multi-word.eslint-plugin-vue

在编写Vue代码时,作者遇到文件突然报红,提示组件名需为多个单词。尽管代码能正常编译,但单个单词命名的组件出现问题。作者排除了同事修改配置和Git历史记录的可能性,通过网络搜索解决方案未果。最终发现是Vetur插件自动升级至新版本0.37.1引起的问题。解决方法是降级到旧版本(如0.36.1)以消除报错。
摘要由CSDN通过智能技术生成

写着写着代码,vue文件突然标红了,然后发现页面顶部提示组件名必须是多个单词组成,改成驼峰命名或者横线连接后确实是不报错了,但是之前有很多单个单词命名的文件,项目运行的好好的啊,怎么突然出现这种问题了。

在这里插入图片描述然后我以为是其它同事改了什么配置,然后我拉取下来了,翻了翻git,发现并没有。

去网上搜了一圈这个报错信息,虽然解决方案很多,比如修改vue.config.js,比如修改.eslintrc.js等等,但是在我这都不管用,因为这些方案是用来解决代码编译时出现相关报错的问题的,但是我的代码编译是没问题的,所以,应该是别的原因引起的。

此处略去排查问题的几百个字…

原因是 Vetur 版本的问题,我的插件几分钟前自己升级到了最新版的 0.37.1,然后出现了这个报错。

解决方法: 安装一个旧版本(比如 0.36.1)

在这里插入图片描述

在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值