Theo's Typesafe Cult•17mo ago

TRPC fails to work on server components in Vercel environment

Getting a Application error: a server-side exception has occurred (see the server logs for more information). on vercel. pnpm run build && run start works fine locally

11 Replies

shikishikichangchangOP•17mo ago

why is /api/* 0kb? Im running a fresh instance of create t3-app@latest When I navigate to /students Im getting this

shikishikichangchangOP•17mo ago

log shows this

TRPCClientError: Unexpected token ; in JSON at position 4
    at TRPCClientError.from (/var/task/.next/server/chunks/277.js:1:5046)
    at /var/task/.next/server/chunks/277.js:1:9567
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
  meta: undefined,
  shape: undefined,
  data: undefined,
  [cause]: SyntaxError: Unexpected token ; in JSON at position 4
      at JSON.parse (<anonymous>)
      at parse (/var/task/.next/server/chunks/277.js:5:4111)
      at /var/task/.next/server/chunks/277.js:5:3218
      at onChunk (/var/task/.next/server/chunks/277.js:5:3371)
      at readStandardChunks (/var/task/.next/server/chunks/277.js:5:3698)
      at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
      at async readLines (/var/task/.next/server/chunks/277.js:5:3452)
      at async parseJSONStream (/var/task/.next/server/chunks/277.js:5:3058)
}

TRPCClientError: Unexpected token ; in JSON at position 4
    at TRPCClientError.from (/var/task/.next/server/chunks/277.js:1:5046)
    at /var/task/.next/server/chunks/277.js:1:9567
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
  meta: undefined,
  shape: undefined,
  data: undefined,
  [cause]: SyntaxError: Unexpected token ; in JSON at position 4
      at JSON.parse (<anonymous>)
      at parse (/var/task/.next/server/chunks/277.js:5:4111)
      at /var/task/.next/server/chunks/277.js:5:3218
      at onChunk (/var/task/.next/server/chunks/277.js:5:3371)
      at readStandardChunks (/var/task/.next/server/chunks/277.js:5:3698)
      at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
      at async readLines (/var/task/.next/server/chunks/277.js:5:3452)
      at async parseJSONStream (/var/task/.next/server/chunks/277.js:5:3058)
}

It works fine locally but doesn’t on vercel. Anyone has an idea?

shikishikichangchangOP•17mo ago

this works

shikishikichangchangOP•17mo ago

this fails looks like trpc isn't configured correctly for vercel Interestingly, I set up a new t3 app and deployed to vercel, and this url failed: https://test-one-rust-11.vercel.app/ But this one worked: https://test-d24ql1oom-myname.vercel.app/ this fresh t3 app has no other routes other than hello from trpc

SscottH•17mo ago

Try to disable Vercel Authentication https://github.com/t3-oss/create-t3-app/issues/1639

GitHub

bug: tRPC error boilerplate code deploying to vercel breaks site · ...

Provide environment information System: OS: macOS 14.0 CPU: (8) arm64 Apple M2 Memory: 80.75 MB / 8.00 GB Shell: 5.9 - /bin/zsh Binaries: Node: 20.8.0 - /opt/homebrew/bin/node npm: 10.2.0 - /opt/ho...

shikishikichangchangOP•17mo ago

What if I need vercel authentication? Perhaps I should modify the getUrl function then? And change vercel_url to something else

RILEY BARABASH•17mo ago

Experiencing the same issue.

Ewan Xiao•16mo ago

Do we have any updates about this issue? likes @shikishikichangchang , What if I need vercel authentication? How can I do?

Gaming

Programming

TRPC fails to work on server components in Vercel environment

Did you find this page helpful?