Error when using `@vitejs/plugin-react-swc`

[krispya]

I get the following error when attempting to start up the editor:

My vite.config:

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react-swc";
import { r3f } from "@react-three/editor/vite";

// https://vitejs.dev/config/
export default defineConfig((env) => ({
  plugins: [env.command === "build" ? react() : r3f()],
}));

I am on Windows. I am using Vite v4.0.0.

[krispya]

I confirmed that vite v4 does work. The problem is using @vitejs/plugin-react-swc insead of @vitejs/plugin-react.

[nksaraf]

So the earlier error was vite 4 + swc and works with vite 4 + babel.. did u try with vite 3 as well?

[krispya]

I did not, I can try this configuration later.

[nksaraf]

https://github.com/vitejs/vite/issues/9986 could be related to this

[wanghqwe]

resolve: {
   preserveSymlinks: true,
},

work for me

[prjwlbadwe]

1. Open Command Palette: Command + Shift + P.
2. Search TypeScript: Restart TS server.
3. Press Enter.

[AlejandroWogelman]

I confirmed that vite v4 does work. The problem is using @vitejs/plugin-react-swc insead of @vitejs/plugin-react.

Thanks!! I had the following error "[vite] Internal server error: Bindings not found." Changing @vitejs/plugin-react-swc to @vitejs/plugin-react solved it.