首页 > 其他分享 >【Vue】eslint报错“Component name “XXX“ should always be multi-word”的解决方法

【Vue】eslint报错“Component name “XXX“ should always be multi-word”的解决方法

时间:2023-01-11 15:38:11浏览次数:42  
标签:multi Vue off 报错 eslint env word true

第一种解决方法:修改组件名称为大驼峰,不要用系统中命令常见的名称。
第二种解决方法:
在根目录下,打开【.eslintrc.js】文件,如果没有,就新建,内容

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
        }
      }
    ]
  }

标签:multi,Vue,off,报错,eslint,env,word,true
From: https://www.cnblogs.com/axingya/p/17043871.html

相关文章

  • 拉取git时报错Failed to connect to github.com port 443 : Timed out
    一、问题描述报错如下图:二、问题分析git所设端口与系统代理不一致,需重新设置。三、解决方法打开设置>网络与Internet>代理。记录下当前系统代理的IP地址和端口......
  • vue父子组件
    父组件主动获取子组件的数据和方法1..调用子组件的时候定义一个ref<headerchildref="headerChild"></headerchild>2.在父组件里面通过this.$refs.headerChild.......
  • Vue Review
    Vuereview参考网址https://www.cnblogs.com/songhaixing/p/14706979.html三种获取data里面的值的方法......<body><divid="container">{{msg}}......
  • Python multiprocess 多进程模块
    需要注意的是,如果使用多进程,调用方法一定要加上if__name__=='__main__'因为Python中的multiprocess提供了Process类,实现进程相关的功能。但是它基于fork机制,因此不......
  • hive中创建表时报错
    报错内容如下:  解决方法:出现这个问题的原因是因为我们没有在mysql数据库中创建相应的数据库,且没有初始化就直接使用hive客户端那我们需要在mysql上创建什......
  • vue2 项目引入Fontawesome
    官网:https://fontawesome.com/1.安装```powershellnpmi--save@fortawesome/fontawesome-svg-coreUsingVue2.x```powershell$npmi--save@fortawesome/vue......
  • react-native启动时报错Execution failed for task ':app:checkDebugAarMetadata'
    报错内容如下:FAILURE:Buildfailedwithanexception.*Whatwentwrong:Executionfailedfortask':app:checkDebugAarMetadata'.>Multipletaskactionfailur......
  • vue3 如何在 jsx中使用 component 组件
    component组件不像其它的内置组件(tansition、transitionGroup),可以直接从vue中直接导出,所有要在jsx使用component就要使用h函数使用vue内置组件//xxx.jsxim......
  • Vue2.002.开发过程中部分功能实现
    01.Vue中动态加载图片失败时,默认图片的配置>> 引入图片:  importdefaultImgfrom'@/assets/default.png'>> img 标签配置@error 事件,   @error="......
  • 常见系统报错汇总
    SSHresourcetemporarilyunavailable场景描述远程登录时报forkfailed:resourcetemporarilyunavailable且已建立SSH连接会话输入任何命令报bash:fork:Cannotal......