Vite bundles wrong file from Zod

[websocket98765]

When importing Zod into a Svelte Kit project, Vite attempts to import a typescript file, for an unknown reason. The author of Zod confirmed this should not be happening, it should use Zod's JavaScript entry point.

Error

The error is ENOENT: no such file or directory, open '/Users/me/my-app/node_modules/zod/src/index.ts'. But Zod actually has a JavaScript entry point.

Zod was imported via: import * as z from 'zod';

Reproduce

To reproduce, create a svelte kit project

npm init svelte@next my-app
cd my-app
npm i
npm i zod

Then in index.svelte, add this import import * as z from 'zod';, and save. It should cause an error in the dev server console.

Info

Vite: ^2.1.0
@sveltejs/kit: next
zod: ^3.0.0-alpha.24
Node:  v14.7.0
NPM: 7.6.3
MacOS

[voboda]

The same happens with @supabase/supabase-js, which also has a js entrypoint (in case it helps to know)

[benmccann]

Here's a link to the Supabase issue: supabase/supabase-js#89

[benmccann]

Does this work if you install it as a devDependency?

[websocket98765]

Oh my, that worked! I thought I tried that, but I removed it and re-added it to be sure, and it worked:

npm remove zod
npm i -D zod

(Worth noting that I originally had it in dependencies because zod defines validation schemas to be used by both the client and the server. But for Svelte Kit at least, using zod in devDependencies still works on both client and server.)

[benmccann]

Should this issue be closed then?