Hoe Pino-Pretty te gebruiken met Next.js (App Router)

TL;DR

Het gebruik van de transport-optie van pino-pretty in Next.js resulteert in een fout vanwege worker threads-problemen. Het gebruik van stream in plaats van transport lost dit op.

Probleem

Bij gebruik van de pino transport-optie om pino-pretty te configureren in de App Router van Next.js 13 of hoger, treedt de volgende fout op:

Error: the worker thread exited

Waarom gebeurt dit?

De pino-prettytransport-optie gebruikt intern worker threadsthread-stream. De bundler van Next.js (SWC/webpack) kan deze modules niet correct verwerken, wat resulteert in een runtime-fout.

// ❌ Dit werkt niet in Next.js

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

Er is ook een methode voorgesteld om serverExternalPackages toe te voegen aan next.config.js, maar zelfs als de build lukt, kunnen modules mogelijk niet worden gevonden tijdens runtime.

Oplossing

Gebruik stream in plaats van transport. stream gebruikt geen worker threads en werkt daarom zonder problemen in 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);

# Referentie

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]