Next.jsの10系列でNodeのバージョンを上げると ERR PACKAGE PATH NOT EXPORTED

こんな感じのエラーがでる

Error ERR_PACKAGE_PATH_NOT_EXPORTED: Package subpath './lib/parser' is not defined by "exports" in /path/to/app/node_modules/next/node_modules/postcss/package.json

前提

Next 10で同梱しているpostcssのバージョンは7

Node 18で package.json の exports フィールドの指定で必須になった

https://nodejs.dev/en/api/v18/packages/#package-entry-points

postcssについて

7はexportsフィールドを利用していない

これがポイントkoushisa.icon

最新版(@8)はexportsフィールドを利用している

Next11からはpostcss@8を使っている

エラーの原因

Next 10は、postcss@7のlib/parser を利用する

lib/parserはpostcss@7ではexportされていない

Node 18ではexportsされていないモジュールは利用不可

これでエラーになるkoushisa.icon

---

どうするの

Nodeを16にする

Next 11に上げる