vue eslint报错：Component name “index“ should always be multi-word.eslintvue/multi-word-component-names

报错代码

vue-cli全新创建项目，并建立组件时提示报错，报错如下：
vscode标红提示：

Component name "XXX" should always be multi-word.eslintvue/multi-word-component-names

 

 

原因

新手在组件命名的时候不够规范，根据官方风格指南，除了根组件（App.vue）外，自定义组件名称应该由多单词组成，防止和html标签冲突。
而最新的vue-cli创建的项目使用了最新的vue/cli-plugin-eslint插件，在vue/cli-plugin-eslint v7.20.0版本之后就引用了vue/multi-word-component-names规则，所以在编译的时候判定此次错误。
 

解决方案

关闭命名规则校验
在根目录下找到 .eslintrc.js 文件，同样如果没有则新建一个（注意文件前有个点），代码如下

添加一行:

'vue/multi-word-component-names': 'off'

文章内容：

参考：https://blog.csdn.net/qq_51066068/article/details/125990215