Cloudflare+Remix+Viteへブロクシステムを移植したときの問題

1import { createPagesFunctionHandler } from "@remix-run/cloudflare-pages";
2
3// eslint-disable-next-line @typescript-eslint/ban-ts-comment
4// @ts-ignore - the server build file is generated by `remix vite:build`
5// eslint-disable-next-line import/no-unresolved
6import * as build from "../build/server";
7import { getLoadContext } from "../load-context";
8
9export const onRequest = createPagesFunctionHandler({
10  build, // ここでエラー
11  getLoadContext,
12});

1import { GetLoadContextFunction } from "@remix-run/cloudflare-pages";
2import { type PlatformProxy } from "wrangler";
3import { initFetch } from "./app/init";
4import { AppLoadContext } from "@remix-run/cloudflare";
5
6// When using `wrangler.toml` to configure bindings,
7// `wrangler types` will generate types for those bindings
8// into the global `Env` interface.
9// Need this empty interface so that typechecking passes
10// even if no `wrangler.toml` exists.
11// eslint-disable-next-line @typescript-eslint/no-empty-interface
12interface Env {
13  SECRET_KEY: string;
14  DATABASE_URL: string;
15}
16
17type Cloudflare = Omit<PlatformProxy<Env>, "dispose">;
18
19declare module "@remix-run/cloudflare" {
20  interface AppLoadContext {
21    cloudflare: Cloudflare;
22  }
23}
24
25type GetLoadContext = (args: {
26  request: Request;
27  context: { cloudflare: Cloudflare };
28}) => AppLoadContext;
29
30export const getLoadContext: GetLoadContext & GetLoadContextFunction<Env> = ({
31  context,
32  request,
33}) => {
34  const cloudflare = context.cloudflare;
35  const env = cloudflare.env;
36  const next = "next" in cloudflare ? cloudflare.next : undefined;
37  initFetch(env, request, next);
38
39  return {
40    ...context,
41    ASSETS: { fetch },
42  };
43};

1import {
2  vitePlugin as remix,
3  cloudflareDevProxyVitePlugin as remixCloudflareDevProxy,
4} from "@remix-run/dev";
5import { defineConfig } from "vite";
6import tsconfigPaths from "vite-tsconfig-paths";
7import { getLoadContext } from "./load-context";
8
9export default defineConfig({
10  plugins: [
11    remixCloudflareDevProxy({
12      getLoadContext,
13    }),
14    remix({}),
15    tsconfigPaths(),
16  ],
17
18  worker: {
19    format: "es",
20  },
21});

1/favicon.ico
2  Cache-Control: public, max-age=3600, s-maxage=3600
3/assets/*
4  Cache-Control: public, max-age=31536000, immutable

1{
2  "version": 1,
3  "include": ["/*"],
4  "exclude": ["/favicon.ico", "/assets/*"]
5}