Next.js 13开发环境（npm run dev）运行极慢，是否为版本问题？

不少开发者升级到Next.js 13后都遇到过本地开发启动慢、页面加载耗时超10秒的情况，不一定是版本本身的bug，大多是适配或配置问题，给你几个常见排查方向：

• App Router 冷启动开销
  Next.js 13默认启用App Router，它的React Server Components（RSC）机制在首次启动时会额外做编译和依赖解析，项目规模越大，冷启动后的首次页面加载越慢。可以临时切回Pages Router测试，确认是不是App Router导致的。

• 依赖包问题
  升级后旧依赖可能和Next.js 13不兼容，或者项目里冗余依赖太多拖慢编译：

  • 删掉node_modules和锁文件，重新执行npm install
  • 用npm ls找出没用的依赖删掉
  • 检查依赖是否有适配Next.js 13的新版本，比如React必须升级到18以上

• 开发模式编译配置拖慢速度
  Next.js 13默认开启的TypeScript类型检查、ESLint实时校验，在大型项目里会明显拖慢速度，可临时关闭测试：
  在next.config.js里添加配置：

  module.exports = {
    typescript: {
      ignoreDevErrors: true,
    },
    eslint: {
      ignoreDuringBuilds: true,
    },
  }
  

  另外检查有没有自定义复杂的webpack配置，也会增加编译耗时。

• 硬件/环境资源不足
  本地内存不够、CPU占用高时，Node.js编译进程会卡顿。关掉其他占资源的程序，或者给Node.js增加内存分配：

  NODE_OPTIONS="--max-old-space-size=4096" npm run dev
  

• 缓存失效
  Next.js开发模式靠缓存加速二次编译，如果.next/cache目录被删除或者配置异常，每次启动都要重新编译所有文件。检查这个目录是否存在，避免被Git或清理工具误删。

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