解决: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"

}

相关推荐
吃杠碰小鸡39 分钟前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone1 小时前
C#使用Aspose.Words把 word转成图片
前端·c#·word
xjt_09011 小时前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农1 小时前
Vue 2.3
前端·javascript·vue.js
夜郎king2 小时前
HTML5 SVG 实现日出日落动画与实时天气可视化
前端·html5·svg 日出日落
夏幻灵3 小时前
HTML5里最常用的十大标签
前端·html·html5
Mr Xu_3 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js
未来龙皇小蓝3 小时前
RBAC前端架构-01:项目初始化
前端·架构
程序员agions3 小时前
2026年,微前端终于“死“了
前端·状态模式
万岳科技系统开发3 小时前
食堂采购系统源码库存扣减算法与并发控制实现详解
java·前端·数据库·算法