如何修复TypeError: _interop_require_wildcard._ is not a function错误

1. 彻底清理并重装依赖 #

恢复package.json后，node_modules和锁文件可能残留旧缓存，导致依赖异常：

• 删除node_modules文件夹：rm -rf node_modules（Windows系统执行rmdir /s /q node_modules）
• 删除对应的锁文件：rm package-lock.json（用yarn则删yarn.lock，pnpm则删pnpm-lock.yaml）
• 重新安装依赖：npm install（或yarn install/pnpm install）

2. 清除Next.js编译缓存 #

Next.js的.next目录会存储编译后的文件，残留的旧文件可能引发报错：

• 删除.next文件夹：rm -rf .next（Windows系统执行rmdir /s /q .next）
• 重启开发服务器：npm run dev

3. 检查next/head的使用规范 #

报错指向next/head模块，确认你的Login.tsx文件中：

• 导入语句为import Head from 'next/head'，无拼写错误或错误导入路径
• Head组件的使用符合Next.js要求，比如在页面组件内部正确嵌套，无语法错误

4. 验证Node.js版本兼容性 #

不同版本的Next.js对Node.js版本有明确要求：

• 执行node -v查看当前Node.js版本
• 对照你使用的Next.js版本官方要求（例如Next.js 13+需要Node.js 16.8及以上），版本不匹配时，使用nvm等工具切换到兼容版本

5. 排查第三方依赖冲突 #

若以上步骤无效，可能是第三方依赖与Next.js版本不兼容：

• 临时移除最近修改或添加的依赖，逐个排查问题是否消失
• 执行npm ls查看依赖树，检查是否存在重复依赖或版本不一致的情况

内容的提问来源于stack exchange，提问作者Raipot