解决:Component name “index“ should always be multi-word

原因

要求组件名称以驼峰格式命名,自定义组件名称应该由多单纯组成,防止和html标签冲突,所以index.vue 会报错

解决

1、按照规则驼峰格式,如:appIndex.vue

2、若有.eslintrc.js文件,并在规则中(rules)关闭命名规则:

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

rules: {

'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',

'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',

'space-before-function-paren': 'error', 'never',

//在rules中添加自定义规则

//关闭组件命名规则

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

}

若没有.eslintrc.js文件,也可以直接在package.json文件中添加,

"rules": {

//在rules中添加自定义规则

//关闭组件命名规则

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

}

相关推荐
我穿棉裤了1 分钟前
解决el-form表单校验时显示的红色星号与文字对齐的问题
前端·javascript·vue.js
copyer_xyf3 分钟前
Python 类全面总结
前端·后端·python
copyer_xyf7 分钟前
Python 类型注解:从 TypeScript 迁移理解
前端·后端·python
独特的螺狮粉7 分钟前
宋朝官阶制度APP——通过鸿蒙PC Electron框架完成
前端·华为·electron·开源·harmonyos·鸿蒙·鸿蒙系统
IT_陈寒8 分钟前
React开发实战:从入门到精通
前端·人工智能·后端
wuhen_n8 分钟前
实战!前端开发完整 LangChain AI 智能体(附源码)
前端·langchain·ai编程
超人不会飞_Jay11 分钟前
2026.6.4 Vue用户中心项目笔记
前端·vue.js·笔记
copyer_xyf14 分钟前
Python 函数全面总结
前端·后端·python
怕浪猫18 分钟前
Electron 开发实战(十):应用打包与分发|全平台打包、签名、自定义协议实战
前端·javascript·electron
我是伪码农23 分钟前
小程序175-200
前端·javascript·小程序