原因:
组件命名的时候没按照 ESLint 的官方代码规范进行命名,根据 ESLint 官方代码风格指南,除了根组件App.vue以外,其他自定义组件命名要使用大驼峰命名方式或者用“-”连接单词进行命名
解决:
1.变更命名方式
重新命名组件名,以驼峰方式或者用‘-’连接单词的格式
如:myComponent.vue、my-component.vue
2.在package.json文件关闭命名规则
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "@babel/eslint-parser"
},
"rules": {
//关闭命名规则--0 = off, 1 = warn, 2 = error
"vue/multi-word-component-names": 0,
//或者添加组件命名忽略规则
"vue/multi-word-component-names": [
2,
{
ignores:['three','Home']
}
]
}
},
3.直接关闭ESlint校验
module.exports = defineConfig({
lintOnSave: false
});