eslint jsx-a11y校验报错

在集成Airbnb规则下,采用import和export时会报如下错误

Definition for rule ‘jsx-a11y/label-has-associated-control’ was not found eslint(jsx-a11y/label-has-associated-control)
报错图片

本想在.eslintrc中关闭jsx-a11y/label-has-associated-control规则,但是关闭后还是会报如下错误

Definition for rule ‘jsx-a11y/control-has-associated-label’ was not foundeslint(jsx-a11y/control-has-associated-label)
在这里插入图片描述

不仔细看的话,会以为上面两个报错是一样的,其实是有区别的(本人就由于没有仔细比对两个报错,所以错以为是同一个报错,查询各种资料竟是没有解决方案,尴尬)。

上面两个报错都是jsx-a11y下的,一个是label-xxx-control,一个是control-xxx-label

jsx-a11y/label-has-associated-control:https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/label-has-associated-control.md
jsx-a11y/control-has-associated-label:https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/control-has-associated-label.md

既然是报错,那我们在.eslintrc中将jsx-a11y/control-has-associated-label规则关闭即可

将上述两个规则关闭后,eslint校验就不会出错了!


版权声明:本文为jjh0901原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。