Next.js 13.3更新后创建App目录客户端组件遇模块解析错误求解决

可行解决方法 #

• 清理依赖缓存并重装

  1. 删除node_modules文件夹
  2. 删除package-lock.json或yarn.lock（根据所用包管理器）
  3. 执行npm install或yarn install重新安装依赖
  4. 重启开发服务器（npm run dev）

• 降级Next.js至13.3.0前的稳定版本（如13.2.4）
  修改package.json中的next版本号：

  "next": "13.2.4"
  

  之后重新安装依赖并重启服务。

• 排查自定义Webpack配置冲突
  若项目有自定义next.config.js配置，先注释掉Webpack相关的自定义规则，验证是否解决问题。如果有效，再逐步定位冲突的具体配置项。

目前已有不少社区用户通过上述方法解决该问题，无需等待官方更新。若以上方法均无效，可留意Next.js官方仓库的相关issue，确认官方修复进度。

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