qwik: [🐞]Building Prisma with Vercel-Edge generates compile errors
Which component is affected?
Qwik Runtime
Describe the bug
I created the starter app and added two integrations: Prisma and Vercel-Edge. Here is the sequence:
- added Prisma integration, generated the Prisma client, and ran the sample - everything worked fine, locally.
- added Vercel-Edige integration and ran ‘pnpm run build’. Build FAILS with this error:
.prisma/client/index-browser" is imported by “.prisma/client/index-browser?commonjs-external”, but could not be resolved – treating it as an external dependency. error during build: TypeError [PLUGIN_ERROR]: Invalid module “.prisma/client/index-browser” is not a valid package name imported from /Users/noahshaffer/WebstormProjects/qwik-prisma-vercel-test/.vercel/output/functions/_qwik-city.func/@qwik-city-plan.js at new NodeError (node:internal/errors:399:5) at parsePackageName (node:internal/modules/esm/resolve:817:11) at packageResolve (node:internal/modules/esm/resolve:840:5) at moduleResolve (node:internal/modules/esm/resolve:938:20) at defaultResolve (node:internal/modules/esm/resolve:1153:11) at nextResolve (node:internal/modules/esm/loader:163:28) at ESMLoader.resolve (node:internal/modules/esm/loader:838:30) at ESMLoader.getModuleJob (node:internal/modules/esm/loader:424:18) at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:77:40) at link (node:internal/modules/esm/module_job:76:36)
I’ve had this same problem with using npm (in another sample) and pnpm.
Reproduction
https://stackblitz.com/edit/qwik-starter-eyehgf?file=package.json
Steps to reproduce
- added the starter package with ‘npm create qwik-latest’. => runs fine locally
- added Prisma integration, generated the Prisma client, and ran the sample => runs fine locally, able to use Prisma to add a user…
- added Vercel-Edige integration and ran ‘pnpm run build’. Build FAILS with this error:
.prisma/client/index-browser" is imported by “.prisma/client/index-browser?commonjs-external”, but could not be resolved – treating it as an external dependency. error during build: TypeError [PLUGIN_ERROR]: Invalid module “.prisma/client/index-browser” is not a valid package name imported from /Users/noahshaffer/WebstormProjects/qwik-prisma-vercel-test/.vercel/output/functions/_qwik-city.func/@qwik-city-plan.js at new NodeError (node:internal/errors:399:5) at parsePackageName (node:internal/modules/esm/resolve:817:11) at packageResolve (node:internal/modules/esm/resolve:840:5) at moduleResolve (node:internal/modules/esm/resolve:938:20) at defaultResolve (node:internal/modules/esm/resolve:1153:11) at nextResolve (node:internal/modules/esm/loader:163:28) at ESMLoader.resolve (node:internal/modules/esm/loader:838:30) at ESMLoader.getModuleJob (node:internal/modules/esm/loader:424:18) at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:77:40) at link (node:internal/modules/esm/module_job:76:36)
I’ve had this same problem with using npm (in another sample) and pnpm.
System Info
Mac OS Ventura
Chrome browser
VS Code
Additional Information
Note: this is not really Qwik runtime - but I could not figure out what category the issue falls in.
About this issue
- Original URL
- State: open
- Created a year ago
- Reactions: 1
- Comments: 15 (4 by maintainers)
I found a workaround and that is to deploy qwik with express on Vercel, without the Vercel-Edge adapter.
Adding this to my vite.config.ts seems to fix it for me: