Infinite Loading when using Storybook with Vite

[MatheusMoselli]

I already used Storybook with CRA, and it worked fine, but when I try to use when Vite it get stuck in infinite loading. The project runs without problems with the command npm run storybook, but nothing appears on the screen.

I'm using a React-App with typescript

I think the error has something to do with the module.exports in the storybook file, since I can't use module.exports for .eslint.js

PS: There is an error in the console, too.

[IanVS]

@MatheusMoselli thanks for reporting this. It seems to be coming from the manager (webpack) portion of storybook. Are you able to share a reproduction by any chance, so that I can look into it?

[MatheusMoselli]

Of course! Sorry for the late reply, I was a little busy.
But here it goes:
https://github.com/MatheusMoselli/storybook-vite

[lgarest]

I had the same issue with the infinite loading screen but a different error in the console about Uncaught SyntaxError: import not found: ModuleMocker

I could fix it with #242 (comment)

[MatheusMoselli]

Yeah, this is is the error that appears when I open the storybook in the firefox.
The workaround worked thanks 🚀