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

}

相关推荐
zhensherlock8 分钟前
Protocol Launcher 系列:Beorg 高效任务管理的协议支持
前端·javascript·typescript·node.js·自动化·github·js
ppandss19 分钟前
JavaWeb从0到1-DAY3.1- Vue(ii)
前端·javascript·vue.js
M ? A9 分钟前
Vue 转 React | VuReact编译工具快速入门
前端·javascript·vue.js·后端·react.js·面试·vureact
qq_4275398312 分钟前
iframe 嵌入预览 PDF ,禁用右键菜单、打印下载按钮不展示
前端·javascript·vue.js·pdf
yu859395815 分钟前
降低OFDM系统PAPR的各种算法及误码率分析
前端·算法
ZC跨境爬虫15 分钟前
跟着 MDN 学 HTML day_3:(表单CSS美化实战与盒子模型三大核心属性详解)
前端·javascript·css·html
张风捷特烈25 分钟前
状态管理大乱斗#05 | Riverpod 源码评析 (中) - 上层建筑
android·前端·flutter
土豆125027 分钟前
Rust 生命周期开发实战:从"编译不过"到"一次过编"的实用指南
前端·rust
candyTong9 小时前
一觉醒来,大模型就帮我排查完页面性能问题
前端·javascript·架构