getCloudflareContext().env の型を補完できるよう設定します
動作確認環境
wrangler 4.7.2
@opennextjs/cloudflare 0.6.6
以下のように、OpenNext で提供される getCloudflareContext を利用すると、Cloudflare のバインドにアクセスできます
import { getCloudflareContext } from '@opennextjs/cloudflare'getCloudflareContext().env.ASSETS!.fetch('/')
@opennextjs/cloudflare の環境構築
以下では Next.js から D1 を呼び出すための環境構築を行なっています
ぜひ参考にしてみてください
これの型補完のやり方がわからず、こんな風に書いていました
(getCloudflareContext().env as any).ASSETS.fetch('/')エディタのメッセージを見る限り CloudflareEnv に型を上書きしてあげれば良さそうです 🐬
解決策ですが、まずコマンドを実行して、環境変数の定義を生成します (wrangler 4 以上)
これは wrangler.toml を編集したタイミングで毎回実行する必要があります
node_modules/.bin/wrangler types次に、型ファイルに global を定義し CloudflareEnv を追加します
私は env.d.ts に追記しました
declare global {interface CloudflareEnv extends Cloudflare.Env {}}
これで補完されるようになります 🎉