CloudflarePages でホスティングしている Next.js を 14 にする
ここで作業中
とりあえず npm i next@14
を行ってみてる
まずコケる
15:54:58.485 ▲ unhandledRejection ReferenceError: Headers is not defined
15:54:58.486 ▲ at /opt/buildhome/repo/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:8846
15:54:58.486 ▲ at /opt/buildhome/repo/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:41308
15:54:58.486 ▲ at Object.<anonymous> (/opt/buildhome/repo/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:14:41329)
15:54:58.487 ▲ at Module._compile (node:internal/modules/cjs/loader:1198:14)
15:54:58.487 ▲ at Object.Module._extensions..js (node:internal/modules/cjs/loader:1252:10)
15:54:58.487 ▲ at Module.load (node:internal/modules/cjs/loader:1076:32)
15:54:58.487 ▲ at Function.Module._load (node:internal/modules/cjs/loader:911:12)
15:54:58.487 ▲ at Module.require (node:internal/modules/cjs/loader:1100:19)
15:54:58.487 ▲ at Module.mod.require (/opt/buildhome/repo/node_modules/next/dist/server/require-hook.js:64:28)
15:54:58.487 ▲ at require (node:internal/modules/cjs/helpers:108:18)
15:54:58.514 ▲ Error: Command "npm run build" exited with 1
15:54:58.590
15:54:58.590 ⚡️ The Vercel build (npx vercel build
) command failed. For more details see the Vercel logs above.
15:54:58.591 ⚡️ If you need help solving the issue, refer to the Vercel or Next.js documentation or their repositories.
15:54:58.591
15:54:58.614 Failed: build command exited with code: 1
15:54:59.743 Failed: error occurred while running build command
@cloudflare/next-on-pages の問題ではなかった
.node-version を
- 16.20.1
+ 18.18.2
に変更。あとで 20 まであげる
storybook が node を v16 から v18 にあげたことでコケてる。(これがめんどかったから v16 にしてたまであった.....
この辺見て直す
npx sb upgrade
を試す。質問は全部 yes でとりあえず migraiton を自動でしてもらう。
うごいた。
docs が storybook v7 から出たみたいだけどテーマ周りがおかしいのでここ見ながら直す(別の機会にやる)
v20 にあげても通った
google font optimized 周りでかなりエラー吐くので Cloudfalre Fonts を使う方向に倒してもいいかも