error Component name “index“ should always be multi-word vue/multi-word-component-names报错解决办法

最新推荐文章于 2025-09-22 22:12:18 发布

原创最新推荐文章于 2025-09-22 22:12:18 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

vscode错误专栏收录该内容

2 篇文章

订阅专栏

文章介绍了两种方法来处理Vue组件的命名规则。第一种是遵循命名规范来重命名组件。第二种是在项目根目录的.eslintrc.js配置文件中关闭vue/multi-word-component-names规则，允许使用单个单词的组件名。

第一种办法：修改组件名。老老实实按照命名规则去命名组件名。

第二种办法：在根目录下打开 .eslintrc.js 文件，如果没有就新建一个该文件，注意文件前边有个点！！！

打开文件在rules中添加一句

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

完整内容为

module.exports = {
    root: true,
    env: {
      node: true
    },
    'extends': [
      'plugin:vue/essential',
      'eslint:recommended'
    ],
    parserOptions: {
      parser: '@babel/eslint-parser'
    },
    rules: {
      'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
      'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
       //在rules中添加自定义规则
       //关闭组件命名规则
       "vue/multi-word-component-names":"off",
    },
    overrides: [
      {
        files: [
          '**/__tests__/*.{j,t}s?(x)',
          '**/tests/unit/**/*.spec.{j,t}s?(x)'
        ],
        env: {
          jest: true
        }
      }
    ]
  }