解析错误：在我的 Next.js 应用程序中找不到模块“next/babel”

Question

我知道有很多这样的答案，这个或者会将我的问题标记为重复，但相信我，我正在努力解决这个问题，因为他们现在都不适合我。这些解决方案之前可以工作，但看起来该解决方案已折旧或过期。

我对 eslint 一无所知，我唯一喜欢 eslint 的是它用红线强调了未导入/未声明的变量，这就是我在 VS Code 编辑器中安装 eslint 扩展的原因。

另外，我没有直接在 VS Code 中打开代码目录，我在同一工作区中也有其他项目，例如我有这样的结构：

|  -- some_folder
|     | -- project_1
|     | -- project_2
|     ...files relating to both projects...

启动一个新的 Next.js 项目不应该出现任何错误，不知道我做错了什么。

这是我的.eslintrc.json：

{
  "extends": "next"
}

这是.babelrc：

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

为了准确说明我已经尝试过的解决方案类型：

• 添加next/babel在.eslintrc.json
• 安装babel-eslint但没有任何帮助！

Answer 1

在你的.eslintrc.json文件中替换{"extends": "next" }为

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