关于eslint遇到的报错信息以及解决方法

1、 Duplicate key/ Duplicated key

存在重复声明的key值,视情况解决
(PS:在uniapp中

// #ifdef H5
test: 1
// #endif
// #ifdef MP-WEIXIN
test:2
// #endif

这样的情况也会报错)

2、 Parsing error: x-invalid-end-tag vue/no-parsing-error

这种报错是因为vue将标签渲染为原生标签的时候,有些标签是自闭合的,所以有end标签会报错
解决方法是设置规则

'vue/no-parsing-error': [
	2, {
		'x-invalid-end-tag': false,
	},
]

3、Component name “Homeindex” should always be multi-word

这种报错的意思是说组件名称应该是由多个单词组成,而成是驼峰的形式,正确写法为HomeIndex

4、Irregular whitespace not allowed no-irregular-whitespace

这种报错的意思是说存在不规则空格
当时在页面中没有找到此种类型的空格,所以最后只能先用禁用规则的方式解决,代码如下:

'no-irregular-whitespace': 0

5、Unexpected side effect in “typeName” computed property

这种报错的意思大概是说,computed属性中定义的变量typeName中存在修改data属性中变量的操作。
解决方法是将这种操作剥离出来,既是

computed:{
	typeName () {
		return xxx
	}
},
watch: {
	typeName: (newVal, oldVal) {
		// TODO:data属性中变量修改放置在这里
		this.test
	}
}
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值