とある日のnpm run dev
% npm run dev
> webapp@0.1.0 dev
> next dev
[baseline-browser-mapping] The data in this module is over two months old. To ensure accurate Baseline data, please update: `npm i baseline-browser-mapping@latest -D`
▲ Next.js 16.0.1 (Turbopack)
- Local: http://localhost:3000
- Network: http://100.64.1.57:3000
- Environments: .env
✓ Starting...
✓ Ready in 675ms
いつも通りNext.jsで開発している時、npm run devを実行していると、
見たことないメッセージがコンソールに表示された
[baseline-browser-mapping] The data in this module is over two months old. To ensure accurate Baseline data, please update: `npm i baseline-browser-mapping@latest -D`
ググってみたら2025年12月頭からissueが出始めており、日本語での参考情報が無い・・・
Next.js 16.0.6では解決されているみたいなので、Next.js v16.0.5以前の場合に発生するのかな?
私のプロジェクトは16.0.1
メッセージを訳してみると
「Next.jsが内部処理で使用している「ブラウザの機能互換性データ(Baseline)」のローカルキャッシュが古くなっているよ〜」
とのこと。
メッセージを読み取るに、問題があったしてもそこまで大きくなさそうと推測。
実際には最新のブラウザでサポートされた機能なのに、「まだサポートされていません」と誤って判断されることくらいかな
やったこと
とりあえず言われた通り以下を実行
npm i baseline-browser-mapping@latest -D
npm audit fix--force
↓
↓
↓
% npm run dev
> webapp@0.1.0 dev
> next dev
▲ Next.js 16.0.7 (Turbopack)
- Local: http://localhost:3000
- Network: http://100.64.1.57:3000
- Environments: .env
✓ Starting...
✓ Ready in 1617ms
出なくなった!
