无法加载配置“Next/Babel”以从eslintrc.json扩展

qyyhg6bp 于 2022-10-01 发布在 Babel

关注(0)|答案(3)|浏览(296)

当我试图构建Next.Js应用程序时，下面的错误伴随着成功的构建而来。当我在Vercel中部署应用程序时，会显示此错误。

error - ESLint: Failed to load config "next/babel" to extend from. Referenced from: /vercel/path0/.eslintrc.json

这是我的**.eslintrc.json**

{
  "extends": ["next/babel","next/core-web-vitals"]
}

我还添加了**.Babelrc**

{
  "presets": ["next/babel"],
  "plugins": []
}

当我更改eslintrc.json文件时，我也找到了解决方案，如下所示：

{
  "extends": ["next","next/core-web-vitals"]
}

则在构建应用程序时不会显示错误。但当我使用上面的解决方案时，出现了另一个问题，问题是：

Parsing error: Cannot find module 'next/babel'

这一点在所有带有红色标记的进口商品中都有所体现。

我试着寻找解决方案，但没有找到任何解决方案。

3条答案

我认为，这可能与这个奇怪的修补程序有关，它在许多地方被吹捧，告诉你出于某种原因将next/babel放在eslint配置文件中(例如，here)。

这可能是对next.js旧版本中的旧错误的黑客修复。但(至少)到2022年夏天，考虑到next/babel是巴别塔预设，而不是eslint预设，这样做没有什么意义。相反，在最近的next.js版本中，只需重置您的.eslintrc.json：

{
  "extends": [
    "next"
  ]
}

在这种设置下，从next@12.2.*开始不会出错。

你可能还想看看Next的eslint customization options。例如，有些人可能会感到困惑，为什么eslint似乎不起作用。在这种情况下，请考虑eslint上的this solution和next.js文档。

如果你有这个问题，但你没有从Interwebz复制粘贴你的.eslintrc.json，那么你可能需要更详细地描述你的情况。

或者将"next"和"next/core-web-vitals"替换为"plugin:@next/next/recommended"

我的问题已经通过这个代码解决了。只需将其复制并粘贴到eslintrc.json文件中。

{
  "extends": ["next/babel","next/core-web-vitals"]
}