Hi, Arpit! Welcome to the Vercel Community

As far as I understand, this error typically occurs when there's a mismatch between CommonJS and ES Module syntax. I have a few suggestions!

1. First, make sure your package.json file includes the following:

1
{
2
  "type": "module"
3
}

This tells Node.js to treat all .js files in your project as ES modules.

2. Update your import statements to use ES Module syntax. For Hono, it should look like this:

1
import { Hono } from 'hono'

3. If you're using TypeScript, ensure your tsconfig.json includes:

1
{
2
  "compilerOptions": {
3
    "module": "ESNext",
4
    "moduleResolution": "node"
5
  }
6
}

4. If you're using any CommonJS modules in your project, you might need to update them to use ES Module syntax or use dynamic imports.
5. Make sure you're using a recent version of Node.js that fully supports ES Modules (Node.js 14.x or later is recommended).
6. If you're using a bundler like webpack or rollup, ensure it's configured to handle ES Modules correctly.

If you're still encountering issues after making these changes, it would be helpful to see more of your code, particularly the file where the error is occurring and any configuration files you're using.

Hi Paulina, I've already done these things. I don't think you read through my explanation, I've linked through the orignal post where he does a much better job of explaining the issue. . There is even a table which points on which instance this doesn't work.

This is bug on your deployment system.

I saw your error and jumped to solution-ising! Apologies

It would be helpful to get a reproducible example from you as well, Arpit. I will do the same then pass it on to the team!

I found the repro buried in the original thread and passed it along to the team. Thanks for reporting this again.

It only works for me if I build from my local copy and deploy the prebuilt project. So that's a possible workaround until we can identify the cause and reach a more stable solution.

We'll keep you updated here as we learn more from the deployment experts

The team just got back to me with the solution. The example repo you shared already had "type": "module" in the the package.json, but no tsconfig.

I copied Pauline's recommended config from above and my deployment started working as expected. Please make sure you have the project setup so TS files output ES instead of CommonJS. Then the error will go away

I just ran into this issue myself, the culprit is that the Hono starter has the tsconfig in the .vercelignore file so even with the correct settings, it won't work when you deploy

That's also why your workaround by building locally worked, since the tsconfig was present in your local system even if it wasn't being deployed

I've made a PR to fix the vercelignore file

https://github.com/vercel/hono-starter/pull/2

GitHub

remove tsconfig from vercelignore by jacobparis · Pull Request #2 · vercel/hono-starter

related issue: https://vercel.community/t/hono-node-runtime-wont-deploy-on-vercel/2612 In order for Vercel to deploy ESM projects with "type": "module" in the package.json, it m...

Ah that makes sense, I removed it from the .vercelignore it working for me now thank you

@jacobparis Good catch! Thanks for the PR

Hey, Arpit. Just wanted to let you know that we shipped zero-configuration Hono to Vercel today.

More info here: https://community.vercel.com/t/introducing-zero-configuration-hono-backends/17619

Vercel Community

Introducing zero-configuration Hono backends

Vercel now natively supports Hono, a fast, lightweight backend framework built on web standards, with zero-configuration. Unleash the power of Hono with full...