【vue eslint】报错error Component name “index“ should always be multi-word vue/multi-word-component-names的相关解决办法
使用最新 vue-cli 创建项目，npm run serve 运行项目时，报错如下
使用最新 vue-cli 创建项目，npm run serve 运行项目时，报错如下：
error Component name "index" should always be multi-word vue/multi-word-component-names原因是 eslint-plugin-vue 版本更新了，相较之前版本，@8 版本中新增了不少规则，第一条就是 'vue/multi-word-component-names': 'error', 要求组件名称以驼峰格式命名，自定义组件名称应该由多单词组成，防止和html标签冲突，所以 index.vue 会报错。
解决方案：
1、按照规则，使用驼峰命名，例如 AppIndex.vue
2、在 .eslintrc.js 文件中关闭命名规则
// .eslintrc.js
module.exports = {
root: true,
env: {
node: true,
},
extends: [
"plugin:vue/essential",
"eslint:recommended",
"@vue/typescript"
],
parserOptions: {
"parser": "@typescript-eslint/parser"
},
rules: {
"vue/multi-word-component-names": [
"error",
{
ignores: ["index"], //需要忽略的组件名
},
],
},
};以上这篇【vue eslint】报错error Component name “index“ should always be multi-word vue/multi-word-component-names的相关解决办法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持芦苇派。
原创文章，作者：ECHO陈文，如若转载，请注明出处：https://www.luweipai.cn/html/1669988487/
相关推荐
-
深入理解position sticky 粘性定位
粘性定位可以被认为是相对定位和固定定位的混合（即元素子再跨越特定阈值前为相对定位，之后为固定定位）
-
vue3如何解决reactive()响应式对象初始化重新赋值
在 Vue 3 中，reactive 函数是 Composition API 的一部分，用于创建一个响应式对象。这意味着当你改变这个对象的属性时，任何依赖于这些属性的组件或计算属性都会自动更新。
-
满屏import优化方案之使用模块重导（Re-export）
在编写代码时，随着项目的扩大和功能的增加，我们往往会引入越来越多的外部库和模块，这就导致了import语句数量的激增。然而，过多的import语句不仅会使代码显得杂乱无章，还可能隐藏一些潜在的问题，如未使用的导入、导入顺序混乱等。
-
微信小程序封装公共弹窗dailog组件-UNIAPP篇
在小程序的开发过程中，会发现弹框这东西使用频率太高了，能不能封装一个公共组件呢~ 答案当然是能！！！ 开发思路借鉴了一下vant，有兴趣的同学可以，研究一下
