Comment utiliser Pino-Pretty avec Next.js (App Router)

TL;DR

L'utilisation de l'option transport de pino-pretty avec Next.js entraîne une erreur due à des problèmes de worker threads. L'utilisation de stream à la place de transport résout le problème.

Problème

Avec l'App Router de Next.js 13 et versions ultérieures, la configuration de pino-pretty à l'aide de l'option transport de pino provoque l'erreur suivante :

Error: the worker thread exited

Pourquoi cela se produit-il ?

pino-prettytransportオプションは内部でworker threadsthread-streamを使用する。Next.jsのバンドラー（SWC/webpack）がこれらのモジュールを正しく処理できず、ランタイムでエラーになる。

// ❌ Ceci ne fonctionne pas avec Next.js

const logger = pino({
transport: {
    target: 'pino-pretty',
    options: { colorize: true }
  }
})

Il a également été suggéré d'ajouter serverExternalPackages à next.config.js, mais même si la construction réussit, il arrive que les modules ne soient pas trouvés lors de l'exécution.

Solution

Utilisez stream au lieu de transport. stream n'utilise pas de worker threads, il fonctionne donc sans problème avec Next.js.

import pino from "pino";
import pretty from "pino-pretty";
// ✅ streamを使えばNext.jsでも動く
const stream = pretty({
  colorize: true,
  ignore: "pid,hostname",
  translateTime: "SYS:HH:MM:ss.l",
});
const logger = pino({ level: "debug" }, stream);

# Références

pino-pretty logger doesn't work with Next 13 app directory · vercel/next.js · Discussion #46987

Summary Hi! I've been using the pino json logging library with Next.js for a long time. And the pino-pretty extension for development. When upgrading to Next 13 app folder I noticed that logging us...

github.com

- [Pino Bundling Documentation]