如何解决，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

对于 react，当我们将 DISABLE_ESLINT_PLUGIN=true 作为环境变量或在 .env.production 文件中时，就会发生这种情况。

如果我们在 craco 中禁用 eslint，那么我们就不必再使用DISABLE_ESLINT_PLUGIN=true了。

在craco.config.js 中添加：

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

然后在 react 项目中移除 DISABLE_ESLINT_PLUGIN=true。

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