Laravel sail × React × ViteでStorybookの導入で苦戦した話

環境

Laraval 10 sail
React 18
Vite ^4.0.0

導入

Storybookの導入自体は公式でも他の技術サイトでも情報が載っているので、その通りにコマンドを実行します。

npx storybook@latest init

スタートページが表示されたので、localhost:6006にアクセス

このサイトにアクセスできません。

？？

ファイアウォールなどの設定も特になし。
sailのDocker再起動しても状況変わらず、、、ぐぬぬ。

解決

Viteを使用している場合専用のオプションが必要でした。

npx sb init --builder vite
npm run storybook

成功！！

エラーの際に"Viteだからエラーです"的なものがあればすぐ解決できたけど、1時間くらい迷走しました。