How does Vite's SSR load module work? Is this issue a Vite bug or me bug?

[jasonkuhrt]

I am working on a Vite plugin X that uses SSR load module function to read from within node_modules. However, when the plugin is used user gets error like:

3:04:23 PM [vite] (ssr) Error when evaluating SSR module app/node_modules/.pnpm/[email protected]._087f83cd3f648297f7f955beef95203f/build/app-template/entry.server.jsx: 

Cannot find module 'react/jsx-dev-runtime' 

imported from 'app/node_modules/.pnpm/[email protected]._087f83cd3f648297f7f955beef95203f/build/app-template/entry.server.jsx'

react is a dep of X and should be resolved from there, instead Vite ssr load module is trying to resolve it from the project.

Can someone help me understand how ssr load module is supposed to work in regards to module resolution?

Thanks!

[jasonkuhrt]

Actually the error is related to react/jsx-dev-runtime and I am not sure its correct to say that other imports are not being resolved from the file location. Maybe they are and its just that react/jsx-dev-runtime is prepended by Vite transformations and so is hit before the others. But I don't know yet exactly.

[jasonkuhrt]

Getting some help from Claude, not sure how accurate this is yet, investigating.

[jasonkuhrt]

So, it's not just the injected import that is at issue. I fixed the jsx import issue with:

ReactVite({
      jsxImportSource: `polen/dependencies/react`,
    })

However now I am on to the next error, this time from an import that shows up in my source code: react-dom/server.

[jasonkuhrt]

There is something special cased about react and react-dom as other deps like hono and react-router are resolved just fine.

Maybe Vite react plugin is making those libraries as external...?

[jasonkuhrt]

In the resolved config I see some mentions of those packages: