[v4.0.8] Storybook + Vite crashes if filename contains `#`

[deebov]

What version of Tailwind CSS are you using?

4.0.9

What build tool (or framework if it abstracts the build tool) are you using?

bun, vite, storybook

What version of Node.js are you using?

bun 1.2.4

What operating system are you using?

macOS

Reproduction URL

Instructions are included in the repo README:

https://github.com/deebov/storybook-vite-issue-reproduction

Issue description

Starting the version 4.0.8 storybook crashes if a filename contains # in public folder. You can clearly reproduce this in the repo provided above.

[philipp-spiess]

Hey! I am able to reproduce this with pure Vite APIs so this seems to be an upstream issue. I tried a few workarounds but nothing seemed to make the file properly watched. Filed an upstream issue: vitejs/vite#19563

[deebov]

Interesting, because this started happening only after 4.0.8 which also introduced other Vite related bugs.

[philipp-spiess]

@deebov Yeah it's because we didn't use that API before. BTW This only is an issue for .svg files it seems. We can probably work around it by not watching .svg files containing a # for changes in class names which might be reasonable for the time being.