Vue eslint 报错 error Component name “xxxx“ should always be multi-word-创建文件后的命名问题导致报错

报错

error Component name "index" should always be multi-word 

原因

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

解决

1、变更命名方式

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

如：myHome.vue、userPwd.vue等等

2、配置 vue.config.js 关闭ESlint校验

lintOnSave: false,

--vue.config.js

const { defineConfig } = require("@vue/cli-service");
module.exports = defineCo