Next.js build 完成后卡住
Next.js build 完成后卡住
一、前言
最近一段时间,我在执行 Next.js 项目的 npm run build 之后总是卡住,显示完所有 route 之后,一直卡主,只能手动 Ctrl + C 打断构建流程。
但此时的构建结果可以正常被 npm run start 使用,在 Vercel 上构建也不会出现卡顿问题。
二、解决方法
退出 Next.js 的 Telemetry。
npx next telemetry disable
返回example
三、原因
执行 strace npx next build,得以看到 Next.js 编译过程中所执行的系统调用。为了能将 strace 的输出和 Next.js 的输出分开,可以使用 mkfifo log 命令建立命名管道,然后执行 strace npx next build 2>log 将 stderr 重定向到管道,使用 cat < log 输出系统调用信息。
strace npx next build 最终卡在以下部分:
- First Load JS shared by all 87 kB
├ chunks/23-b022cbf28d88ae21.js 31.4 kB
├ chunks/fd9d1056-e3489de6ce1f07f6.js 53.7 kB
└ other shared chunks (total) 1.94 kB
○ (Static) prerendered as static content
● (SSG) prerendered as static HTML (uses getStaticProps)
而 cat < log 则输出:
epoll_pwait(17, [{events=EPOLLIN, data={u32=22, u64=22}}], 1024, 0, NULL, 8) = 1
read(22, “\1\0\0\0\0\0\0\0”, 1024) = 8
epoll_pwait(17, [], 1024, 0, NULL, 8) = 0
epoll_pwait(17,
epoll 系统调用通常用于网络上,因此大概是遇到了网络问题。
另外打开一个终端,输入 ss -tn,可以看到许多 Vercel IP 段的 TCP 连接:
ESTAB 0 2384
10.20.244.49:60724 76.76.21.22:443 ESTAB 0 1675 10.20.244.49:60970
76.76.21.241:443 FIN-WAIT-1 0 2015 10.20.244.49:60750 76.76.21.142:443 ESTAB 0 4851 10.20.244.49:60844
76.76.21.22:443
结合之前 Vercel 在中国大陆被阻断的事件,我大约感觉出了原因。HTTP_PROXY 和 HTTPS_PROXY 似乎对 Next.js 无效,因此需要借助 TUN 或者 WireGuard 等全局联网方式才能解决。
当然,最简单的方法就是退出 Next.js 的 Telemetry。
参考资料
Telemetry | Next.js by Vercel - The React Framework
注:这个是只有中国用户在权限比较严苛的服务器上才会遇到的问题。