如何解决，craco: *** Cannot find ESLint loader (eslint-loader)。 *** ANTd 和 React 错误 (2021)

Question

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

Answer 1

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

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

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

Answer 2

这对我也有用。 在 craco.config 配置文件中进行更改后运行 npm 安装

Answer 3

很容易解决。

在 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"
  },