Linaria doesn't work with Vite 4.3 in dev mode

[nstepien]

Environment

• Linaria version: @linaria/[email protected]
• Bundler (+ version): [email protected]
• Node.js version: 20.0.0
• OS: Win11

Description

Linaria stopped working after Vite 4.3 in dev mode (the vite command).
It works fine with vite build + vite preview.
vite@~4.2.0 works fine too in either dev or prod builds.
Not sure if this is an issue with linaria or with vite.

This is the error I get:

  VITE v4.3.1  ready in 476 ms

  ➜  Local:   http://localhost:5173/
  ➜  Network: use --host to expose
  ➜  press h to show help
Failed to load url /main_1nkbhq3.css (resolved id: D:/repos/vite-bug/main_1nkbhq3.css) in D:/repos/vite-bug/main.js. Does the file exist?

Reproducible Demo

https://github.com/nstepien/vite-bug/tree/vite43
Clone the repo, checkout the vite43 branch, npm ci
npm run dev -> white page
npm run build + npm run preview -> green page

[Anber]

Looks like I need Windows for experiments…

[houlang]

I have had the same problem and have now switched to vite@~4.2.0 but not vite@^4.2.0

[nstepien]

@Anber let me know if you want me to try something on my windows machine.

[sorenhoyer]

I have the same problem. Reverting to 4.2 for now.

[nstepien]

I figured out we can get vite+linaria working by replacing @linaria/vite with @linaria/rollup, works with both Vite or Vitest as far as I can tell.

I wonder what we're missing out on by not using @linaria/vite.

[nstepien]

Looks like this is fixed in the latest version of @linaria/vite 👍