Next.js13运行npm run dev报错：找不到app-router.js#模块如何解决？

以下是几个直接有效的解决步骤：

• 清理项目缓存与依赖

  1. 删除node_modules文件夹：

     # macOS/Linux
     rm -rf node_modules
     # Windows
     rd /s /q node_modules
     

  2. 删除锁文件：

     # npm
     rm package-lock.json
     # Windows
     del package-lock.json
     

  3. 重新安装依赖：

     npm install
     

  4. 删除Next.js构建缓存：

     # macOS/Linux
     rm -rf .next
     # Windows
     rd /s /q .next
     

• 升级Next.js到最新稳定版
  确保使用支持App Router的最新稳定版本，执行升级命令：

  npm install next@latest
  

• 检查App Router基础配置

  • 确认项目根目录存在app文件夹，且内部包含layout.js和page.js两个核心文件（这是App Router运行的基础）
  • 打开next.config.js，检查是否存在experimental.appRouter: false配置，若有则删除或改为true

• 重置React相关依赖
  若React版本与Next.js不兼容也可能触发该错误，重新安装最新版React：

  npm install react@latest react-dom@latest
  

完成以上步骤后，重新运行npm run dev即可。

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