NextJS中postdev脚本在dev进程终止后无法运行该如何解决？

当你按CTRL+C退出next dev时，postdev不执行的核心原因是：此时next dev进程收到SIGINT中断信号后会被强制终止，npm不会将其判定为“正常完成”的脚本执行，因此不会触发post前缀的钩子。

下面提供两种可行的解决方法：

方法一：用Bash Trap捕获中断信号（适用于Linux/macOS或Git Bash环境） #

修改package.json中的dev脚本，通过trap命令捕获SIGINT信号，确保进程以正常状态码退出：

{
  "scripts": {
    "dev": "trap 'exit 0' INT; next dev",
    "postdev": "cleanup after dev"
  }
}

trap 'exit 0' INT的作用是：当收到CTRL+C触发的中断信号时，让当前shell进程以0状态码正常退出，npm会识别脚本执行完成，进而自动调用postdev。

方法二：用Node脚本做中间层（跨平台通用） #

编写一个简单的Node脚本作为启动入口，监听中断信号并确保next dev进程正常退出后再结束自身：

1. 在项目根目录创建dev-start.js文件：

const { spawn } = require('child_process');

// 启动next dev进程
const nextDev = spawn('npx', ['next', 'dev'], { stdio: 'inherit' });

// 监听当前进程的中断信号
process.on('SIGINT', () => {
  // 给next dev进程发送中断信号
  nextDev.kill('SIGINT');
  // 等next dev进程退出后，当前进程正常结束
  nextDev.on('exit', () => process.exit(0));
});

2. 修改package.json的脚本：

{
  "scripts": {
    "dev": "node dev-start.js",
    "postdev": "cleanup after dev"
  }
}

这种方法不依赖shell环境，Windows、Linux、macOS都能正常工作。

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