如何解决为什么在create-react-app中此ESLint覆盖文件找不到错误?
我使用create-react-app
设置了一个React网站,并且正在使用VSCode对其进行编辑。
我想覆盖它具有的某些ESLint规则。
因此我安装了这些软件包:
npm i -D eslint-config-airbnb eslint-config-prettier eslint-plugin-jsx-a11y eslint-plugin-prettier prettier
,然后创建以下.eslintrc
文件:
但是,我添加的规则没有任何效果,例如即使我指定要强制使用单引号和强制使用分号,但我在整个应用程序中同时具有JavaScript和TypeScript文件,这些文件具有单引号和双引号,有些行带有分号,有些没有,但是ESLint VSCode没有显示任何错误,而且我能够成功构建,并且该站点在Netlify上的构建和发布都没有错误。
更令人困惑的是,ESLint似乎仅在.eslintrc文件本身中发现错误,但是如您在上面所看到的,它发现了它不应该发现的错误:根据规定应仅允许的错误单引号,它表示使用单引号是错误的。 (!)
这是怎么回事?
添加
我在行.env
上添加了一个EXTEND_ESLINT = "true"
文件,现在即使VSCode没有发现任何错误,当我npm start
时,它也在ServiceWorker.js
文件中发现了错误在src
中,尽管我的规则设置为强制单引号("quotes": ["error","single"],
),并且说文件需要双引号:
实际上,我可以完全删除quotes
规则,并且将.env
文件放在根目录中并带有行EXTEND_ESLINT = "true"
,这将导致在生成双引号错误开发版本。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。