Vercel, Vite & Vue

[cohlar]

Hi,

I'm trying to setup inngest with Vercel serverless functions, Vite and Vue. I haven't been able to make it work yet, and I was hoping I could get some help 😃

So far what I did in this repo:
✅ Created a new Vue project based on Vite with npm create vue@latest
✅ Created a serverless function named "serverless-example" based on the Vercel quickstart guide
✅ Deployed to Vercel - see app and invoke serverless-example function
✅ Added Inngest's official Vercel integration to the Vercel project
❌ Followed the Inngest quick start guide with a custom serve handler (which I haven't really customized) and re-deployed with Vercel. Invocations fail - see for yourself

Here is the error from the Vercel logs when invoking `/api/inngest`:

Unhandled Promise Rejection 	{"errorType":"Runtime.UnhandledPromiseRejection","errorMessage":"TypeError: req.headers.get is not a function","reason":{"errorType":"TypeError","errorMessage":"req.headers.get is not a function","stack":["TypeError: req.headers.get is not a function","    at InngestCommHandler.inngest_1.InngestCommHandler.body.body [as handler] (/vercel/path0/api/inngest/serve.ts:78:59)","    at /var/task/node_modules/inngest/components/InngestCommHandler.js:264:71","    at ServerTiming.wrap (/var/task/node_modules/inngest/helpers/ServerTiming.js:69:43)","    at Object.handler (/var/task/node_modules/inngest/components/InngestCommHandler.js:264:44)","    at handler (/var/task/___vc/__launcher.js:53:33)","    at /var/task/___vc/helpers-CC7Q2OBA.js:454:20","    at AsyncLocalStorage.run (node:async_hooks:338:14)","    at Server.<anonymous> (/var/task/___vc/__launcher.js:82:28)","    at Server.emit (node:events:513:28)","    at parserOnIncoming (node:_http_server:1091:12)"]},"promise":{},"stack":["Runtime.UnhandledPromiseRejection: TypeError: req.headers.get is not a function","    at process.<anonymous> (file:///var/runtime/index.mjs:1186:17)","    at process.emit (node:events:525:35)","    at process.emit (/var/task/___vc/__sourcemap_support.js:602:21)","    at emit (node:internal/process/promises:149:20)","    at processPromiseRejections (node:internal/process/promises:283:27)","    at processTicksAndRejections (node:internal/process/task_queues:96:32)"]}
Unknown application error occurred
Runtime.Unknown

1. Do I have to use an Express server to serve my Vercel serverless functions with Inngest?
2. And if not, what am I missing to make it work? e.g. do I need to adjust my custom serve handler?
3. When I deploy with Vercel, I do not see any function in the Inngest dashboard. Will fixing the serve handler fix this, or is this a separate issue?

In regards to 1., adding an Express server feels redundant / overkill to me - as mentioned by Vercel:

When we deploy a server (Express.js based application) within a Serverless Function, we are executing a full server implementation on each request. This is an anti-pattern, as Serverless Functions should serve one purpose.

Thanks for your help!

[cohlar]

I was able to create a custom handler for vercel/node.
You can find the code here, in case it helps anyone else: #553