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

Question

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

我完全不知道 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": []
}

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

• 在

  next/babel

  中添加

  .eslintrc.json
• 安装

  babel-eslint

  但没有任何帮助！

Answer 1

在 eslintrc.json 中代替这个 { “延伸”：“下一个” } 用这个 { “下一个/巴别塔”，“下一个/核心网络生命体”， } 我认为这会解决问题。

Answer 2

在您的

.eslintrc.json

文件中将

{"extends": "next" }

替换为

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