Honox + Vite + Prisma
When I try to use Prisma client libraries,
I get errors in my dev server:
When I try to deploy, I get errors:
This is my vite.config.ts file:
These are my npm scripts:
I can make the dev server work by setting ssr.external to a list of the prisma libraries, but that doesn't solve the prod deployment.
What's the right vite config to get Prisma working well with Cloudflare Workers + Honox?
I get errors in my dev server:
module is not defined
at eval (/home/ubuntu/projects/admin/node_modules/@prisma/debug/dist/index.js:30:1)
at instantiateModule (file:///home/ubuntu/projects/admin/node_modules/vite/dist/node/chunks/dep-CHZK6zbr.js:52974:11module is not defined
at eval (/home/ubuntu/projects/admin/node_modules/@prisma/debug/dist/index.js:30:1)
at instantiateModule (file:///home/ubuntu/projects/admin/node_modules/vite/dist/node/chunks/dep-CHZK6zbr.js:52974:11When I try to deploy, I get errors:
Uncaught Error: No such module ".prisma/client/index-browser".
imported from "index.js"
[code: 10021] Uncaught Error: No such module ".prisma/client/index-browser".
imported from "index.js"
[code: 10021]This is my vite.config.ts file:
import build from "@hono/vite-build/cloudflare-workers";
import honox from "honox/vite";
import adapter from "@hono/vite-dev-server/cloudflare";
import { defineConfig } from "vite";
import { getPlatformProxy } from "wrangler";
export default defineConfig(async ({ command }) => {
const platformProxy =
command === "serve"
? await getPlatformProxy({
environment: "prod",
configPath: "wrangler.json",
})
: null;
const devServerConfig = platformProxy
? {
adapter: {
env: platformProxy.env,
onServerClose: platformProxy.dispose,
},
}
: { adapter };
return {
plugins: [
honox({
devServer: devServerConfig,
}),
build(),
],
};
});import build from "@hono/vite-build/cloudflare-workers";
import honox from "honox/vite";
import adapter from "@hono/vite-dev-server/cloudflare";
import { defineConfig } from "vite";
import { getPlatformProxy } from "wrangler";
export default defineConfig(async ({ command }) => {
const platformProxy =
command === "serve"
? await getPlatformProxy({
environment: "prod",
configPath: "wrangler.json",
})
: null;
const devServerConfig = platformProxy
? {
adapter: {
env: platformProxy.env,
onServerClose: platformProxy.dispose,
},
}
: { adapter };
return {
plugins: [
honox({
devServer: devServerConfig,
}),
build(),
],
};
});These are my npm scripts:
"scripts": {
"dev": "vite",
"build": "vite build --mode client && vite build",
"preview": "npm run build && wrangler dev",
"deploy": "npm run build && wrangler deploy --env prod",
"db:migrate": "npx tsx prisma/migrate.ts"
}, "scripts": {
"dev": "vite",
"build": "vite build --mode client && vite build",
"preview": "npm run build && wrangler dev",
"deploy": "npm run build && wrangler deploy --env prod",
"db:migrate": "npx tsx prisma/migrate.ts"
},I can make the dev server work by setting ssr.external to a list of the prisma libraries, but that doesn't solve the prod deployment.
What's the right vite config to get Prisma working well with Cloudflare Workers + Honox?
