ESLint 报错Component name “xxxxx“ should always be multi-word.eslintvue
这是我新起的项目,配置了ESLint
,但是老是出现上述问题。
报错Component name “xxxxx“ should always be multi-word.eslintvue
查询csdn给出的原因和解决办法:
原因:
新手在组件命名的时候不够规范,根据官方风格指南,除了根组件(App.vue)外,自定义组件名称应该由多单词组成,防止和html标签冲突。
提供以下两个方法:
- 修改组件名为多个单词,使用大驼峰命名方式或者用“-”连接单词
- 关闭命名校验规则
在根目录下找到.eslintrc.js
文件
添加一行:
"vue/multi-word-component-names":"off",
添加后文件示例:
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true,
//关闭eslint校验
lintOnSave: false
})
但是仍然出现:
Component name “xxxxx“ should always be multi-word.eslintvue
解决办法:上面所说的方法没有问题,主要是项目已经启动的状态,对配置项的修改不会对项目有改变,需要重新启动项目。