解析错误：找不到模块“next/babel”
我在创建的每个新 Next.js 项目中都遇到了这个错误。该页面可以毫无问题地编译，它只是在每个 js 文件的第一行一直显示为错误。
解析错误：找不到模块“next/babel”需要堆栈：
- D:appnext_appratu-seonode_modulesnextdistcompiledbabelbundle.js
- D:appnext_appratu-seonode_modulesnextdistcompiledbabeleslint-parser.js
- D:appnext_appratu-seonode_moduleseslint-config-nextparser.js
- D:appnext_appratu-seonode_modules@eslinteslintrclibconfig-array-factory.js
- D:appnext_appratu-seonode_modules@eslinteslintrclibindex.js
- D:appnext_appratu-seonode_moduleseslintlibcli-enginecli-engine.js
- D:appnext_appratu-seonode_moduleseslintlibcli-engineindex.js
- D:appnext_appratu-seonode_moduleseslintlibapi.js
- c:UsersAdmin.vscodeextensionsdbaeumer.vscode-eslint-2.1.23serverouteslintServer.js
回答
在您的根目录中创建名为 .babelrc 的文件并添加此代码
{
"presets": ["next/babel"],
"plugins": []
}
并在 .eslintrc 中将现有代码替换为
{
"extends": ["next/babel"]
}
- as soon as I replace the eslintrc extends, its gone! Big thanks!