如何解决，craco：***找不到ESLint加载器（eslint-loader）。*** ANTd 和 React 错误 (2021)

Question

我正在将 ANTd 与我为学校项目构建的 React 应用程序一起使用。该应用程序运行良好，但是在启动时我得到以下信息：craco: *** Cannot find ESLint loader (eslint-loader). ***这是令人担忧的。我已经研究过这个问题，显然这个链接https://github.com/gsoft-inc/craco/pull/219提供了对该问题的支持。我还不够先进，不知道如何将此修复应用到我自己的 React 项目中，我觉得我自己和其他初学者将从有关如何执行此操作的解释中受益匪浅。感谢任何可以提供帮助的人！

Answer 1

对于反应，当我们DISABLE_ESLINT_PLUGIN=true在环境变量（或文件.env.production）中有这种情况时，就会发生这种情况。相反，我们应该在 craco 中禁用 ESLint。

DISABLE_ESLINT_PLUGIN=true从环境变量或 env 文件中删除。
然后在 中craco.config.js添加：

module.exports = {
  // ...
  eslint: {
    enable: false
  },
  // ...
}

或者如果上面不起作用：（感谢评论中的@tomasz-lenarcik ）

module.exports = {
  // ...
  eslint: null,
  // ...
}

Answer 2

很容易修复。

在 package.json 中替换/添加以下依赖项：

{
  "name": "antd-demo",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@craco/craco": "^6.1.1",
    "@testing-library/jest-dom": "^5.11.9",
    "@testing-library/react": "^11.2.5",
    "@testing-library/user-event": "^12.6.3",
    "antd": "^4.12.2",
    "craco-less": "^1.17.1",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-scripts": "4.0.2",
    "web-vitals": "^1.1.0"
  },