解析錯誤：在我的 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", } 我認為這會解決這個問題。