vue项目中出现 Component name "index" should always be multi-word. 错误时简单的处理方案。

370 阅读1分钟

vue文件命名报错提示:Component name "index" should always be multi-word.

问题出现的原因:

在脚手架搭建vue项目时,会有一个配置,当引入这个插件后,默认情况下会对vue文件的文件名进行检查,官方建议使用驼峰命名法或使用 - 进行连接。

 是否引入 ESLint 用于代码质量检测? » 否 / 是

屏幕截图 2024-05-12 111554.png

可尝试的解决方式:

  1. 将文件名改成官方建议的命名方式: 屏幕截图 2024-05-12 111633.png 屏幕截图 2024-05-12 111709.png

  2. 关闭ESLint插件的规则配置->组件名多词名称配置:找到 .eslintrc.cjs的配置文件。

    屏幕截图 2024-05-12 112325.png

    对rules规则进行添加或者修改。

    module.exports = {
      rules: {
      //关闭vue组件名多词命名检查配置
        'vue/multi-word-component-names': 'off'
      }
    }