Eslint报错: Component name “login“ should always be multi-word vue/multi-word-component-names

在开发Vue应用时,遇到了eslint关于组件命名的警告,提示组件名应由多个单词组成。为了解决这个问题,可以在.eslintrc.js配置文件中针对vue文件关闭'vue/multi-word-component-names'规则,或者在vue.config.js中设置lintOnSave为false来禁用eslint的保存时检查。这两种方法都可以有效地避免因组件命名问题导致的eslint错误。

我定义了一个vue文件: login.vue,但是 eslint监测命名不合格,必须使用多个单词,报错如下:

在这里插入图片描述
那么怎么解决呢?

1.在.eslintrc.js中配置

module.exports = {
  ……
  overrides: [
    {
      files: ['src/views/**/*.vue'],
      rules: {
        'vue/multi-word-component-names': 0,
      },
    },
  ]
}

2.关闭eslint检测
vue.config.js 文件中加一行

module.exports = { 
    lintOnSave:false, 
} 
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

半夏_2021

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值