React SSR not working in Production Build.

[Trackhe]

Describe the bug

I managed to get SSR with React and Vite working with the command "vite" but when i try to build with "vite build" and serve it with "vite preview" SSR got not working.
The code is Public and i want to Maintain it as a good template: https://github.com/Trackhe/Vite-React-SSR-HMR

Reproduction

Reproduction clone my code, then npm i -> npm run dev try all works. shutdown and try npm run preview, look in the loaded document now no SSR

System Info

System:
    OS: macOS 12.4
    CPU: (20) arm64 Apple M1 Ultra
    Memory: 19.76 GB / 64.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.0.0 - /opt/homebrew/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 8.10.0 - /opt/homebrew/bin/npm
  Browsers:
    Chrome: 102.0.5005.61
    Safari: 15.5
  npmPackages:
    @vitejs/plugin-react: * => 1.3.2 
    vite: * => 2.9.9

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[sapphi-red]

configureServer only runs when using vite and it does not run with vite preview.
Are you looking for #7658 ?

[Trackhe]

maybe yes, but this dosn't work. It builds but change nothing.

[Trackhe]

I had to choose the 3.0.0-alpha.9 version to get the configurePreviewServer running, but in that call is server.ssrLoadModule is not a function

i understand why it is there, as it mentioned in the docs there: https://vitejs.dev/guide/ssr.html#setting-up-the-dev-server

"Instead of await vite.ssrLoadModule('/src/entry-server.js'), use require('./dist/server/entry-server.js') instead (this file is the result of the SSR build)"

but this seems not suitable for streaming.

[sapphi-red]

What do you mean by "not suitable for streaming"?

[Trackhe]

What do you mean by "not suitable for streaming"?

Because i use the ssr over streaming in react 18 and when i cant use loadssrmodule in the preview server it might be not working. I tried it shortly but only with require as it mentioned in the docu, i cant get it working. So maybe i need to setup an extra node express server for that. I m correct?

[sapphi-red]

Streaming works with require/import, it does not need to be run with ssrLoadModule.

[Trackhe]

When i try that i got errors like no loader for .svg is configured and when i comment that out
TypeError: server.transformIndexHtml is not a function
and there is where i dont know to continue.

[bluwy]

I'll close this as it doesn't seem to be a bug in Vite, but more of a usage issue. Re configurePreviewServer, the feature has been backported to the v2 branch and will make it's way in 2.9.10 when it's released.