next.js - 解析错误 : Cannot find module 'next/babel'

Question

在我创建的每个新 Next.js 项目中，我都遇到了这个错误。该页面可以毫无问题地编译，它只是在每个js文件的第一行一直显示为错误。
解析错误:找不到模块 'next/babel'
需要堆栈:

D:\app\next_app\ratu-seo\node_modules\next\dist\compiled\babel\bundle.js

D:\app\next_app\ratu-seo\node_modules\next\dist\compiled\babel\eslint-parser.js

D:\app\next_app\ratu-seo\node_modules\eslint-config-next\parser.js

D:\app\next_app\ratu-seo\node_modules@eslint\eslintrc\lib\config-array-factory.js

D:\app\next_app\ratu-seo\node_modules@eslint\eslintrc\lib\index.js

D:\app\next_app\ratu-seo\node_modules\eslint\lib\cli-engine\cli-engine.js

D:\app\next_app\ratu-seo\node_modules\eslint\lib\cli-engine\index.js

D:\app\next_app\ratu-seo\node_modules\eslint\lib\api.js

c:\Users\Admin.vscode\extensions\dbaeumer.vscode-eslint-2.1.23\server\out\eslintServer.js

Answer 1

创建名为 .babelrc 的文件在您的根目录中并添加以下代码:

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

在 .eslintrc ，将现有代码替换为:

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