vue路由报错:Component name “index“ should always be multi-word vue/multi-word-component-names

文章讲述了在使用ESLint时遇到关于组件名称必须为多词驼峰式的错误。官方推荐使用如AppHeader.vue的命名方式,但开发者认为这不人性化。为解决此问题,文章提出了在vue.config.js中将lintOnSave设为false,从而忽略该规则的方案。
摘要由CSDN通过智能技术生成

报错内容:

[eslint] 
D:\path\src\pages\index\Index.vue
  7:15  error  Component name "index" should always be multi-word  vue/multi-word-component-names
  D:\path\src\pages\index\index.vue
  7:15  error  Component name "index" should always be multi-word  vue/multi-word-component-names

✖ 2 problems (2 errors, 0 warnings)

很明显是eslint的搞出来的问题,官方文档建议组件名称写成驼峰式,例如 AppHeader.vue,但这样做不够人性化,因此需要改成忽略他的规则即可以了。
##解决方法:
项目根目录下vue.config.js文件内设置lintOnSave为false:

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  lintOnSave: false,

完毕!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值