为什么在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 (将#修改为@）