Error when starting the dev server

[HodgeWen]

Describe the bug

The following error occurs when starting the dev server:

(!) Failed to run dependency scan. Skipping dependency pre-bundling. Error: The following dependencies are imported but could not be resolved:

    react/jsx-runtime (imported by /home/www/Codes/my-app/src/components/HelloWorld.tsx)

Are they installed?
    at file:///home/www/Codes/my-app/node_modules/vite/dist/node/chunks/dep-B7YTGBYR.js:10055:33
    at async file:///home/www/Codes/my-app/node_modules/vite/dist/node/chunks/dep-B7YTGBYR.js:33926:15

Reproduction

https://stackblitz.com/edit/vitejs-vite-zx2hu4mb?file=src%2FApp.vue

Steps to reproduce

No response

System Info

System:
    OS: Linux 6.15 EndeavourOS
    CPU: (20) x64 13th Gen Intel(R) Core(TM) i9-13900H
    Memory: 18.46 GB / 31.08 GB
    Container: Yes
    Shell: 5.9 - /usr/bin/zsh
  Binaries:
    Node: 24.3.0 - ~/.nvm/versions/node/v24.3.0/bin/node
    npm: 11.4.2 - ~/.nvm/versions/node/v24.3.0/bin/npm
    pnpm: 10.12.4 - ~/.local/share/pnpm/pnpm
    bun: 1.2.17 - ~/.bun/bin/bun
  npmPackages:
    @vitejs/plugin-vue: ^6.0.0 => 6.0.0 
    @vitejs/plugin-vue-jsx: ^5.0.0 => 5.0.1 
    rolldown-vite:  7.0.3

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs and the Rolldown-related guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• 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.

[SpiritualMedicine]

i run into same issue, but when i rerun dev command, this error will not appear and everything seems fine

[cyrilluce]

这个问题我也碰到了，花了些时间进行定位，报错发生于 optimizeDeps scanImports 环节

• 非 rolldown 版 vite 使用 esbuild 进行简单代码转换（此环节各 plugin 不会生效），它会读取 tsconfig，从而同步 jsx 相关配置来构建（见 https://github.com/evanw/esbuild/blob/main/internal/bundler_tests/bundler_tsconfig_test.go#L656）
• rolldown/oxc 目前没有提供此功能，需要显式指定 optimizeDeps.rollupOptions.jsx

所以临时解决方案是在 vite.config 中手工添加此配置

---

I also encountered this issue and spent some time troubleshooting. The error occurs during the optimizeDeps scanImports stage.

• Legacy vite uses esbuild for simple code transformation (user plugins do not take effect in this stage). It reads tsconfig.json and applies JSX-related configurations (see: https://github.com/evanw/esbuild/blob/main/internal/bundler_tests/bundler_tsconfig_test.go#L656).
• Rolldown/OXC currently does not support this feature, so you need to explicitly specify optimizeDeps.rollupOptions.jsx.

As a temporary workaround, you can manually add this configuration in vite.config.

export default defineConfig({
    optimizeDeps: {
        rollupOptions: {
            jsx: 'preserve',
        },
    },

[sapphi-red]

This will be fixed when vitejs#20495 is merged to rolldown-vite.