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

Question

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

我完全不知道 eslint，我唯一喜欢 eslint 的是它用红线强调了未导入/未声明的变量，这就是我在 VS 代码编辑器中安装 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": []
}

准确地说出我已经尝试过的解决方案类型：

Answer 1

而不是在 eslintrc.json { "extends": "next" } 中使用这个 { "next/babel","next/core-web-vitals", } 我认为这会解决这个问题。