在 vue eslint 报错 error “Component name “*****“ should always be multi-word”，该怎么办？

目录

出现的问题：

报错的原因：

解决方案： 

方案一 ：重命名(亲测有效)

方案二 ：配置 vue.config.js 文件（网上方法，本人使用无效）

方案三 ：配置 .eslintrc.js文件（亲测有效）

1、关闭命名规则

2、忽略个别组件名

非常重要的注意点：（重启项目，配置文件才生效）

---

出现的问题：

 在 vue-cli 创建的项目中，创建文件并命名后，会报  “Component name "*****" should always be multi-word”  报错；

报错截图示例如下：

 

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

报错的原因：

 在组件命名的时候未按照 ESLint 的官方代码规范进行命名，根据 ESLint 官方代码风格指南，除了根组件（App.vue）以外，其他自定义组件命名要使用大驼峰命名方式或者用“-”连接单词进行命名；

解决方案： 

方案一 ：重命名(亲测有效)

 文件的名称重命名
 重新命名组件名为驼峰命名方式或者用“-”连接单词的格式

这样问题就解决啦~~~~

示例如下：