[Bug]: Unable to load stories using storybook-react-rsbuild

[binarykitchen]

Version

System:
    OS: Linux 6.18 EndeavourOS
    CPU: (8) x64 Intel(R) Core(TM) i7-10510U CPU @ 1.80GHz
    Memory: 8.74 GB / 15.46 GB
    Container: Yes
    Shell: 5.9 - /bin/zsh
  Browsers:
    Chromium: 144.0.7559.59
    Firefox: 147.0.1
    Firefox Developer Edition: 147.0.1
  npmPackages:
    storybook-react-rsbuild: 3.2.2 => 3.2.2

Details

When using storybook-react-rsbuild, it's loading forever. Because it cannot find the story, it returns HTTP 404 error.

GET https://localhost:8443/iframe.html?viewMode=story&id=recorder--dead-simple 404 (Not Found)

I've tried with the elimination method, but cannot find the root cause. I've followed your documentation, but all still fails. I am not sure if it's a bug or if I'm configuring it the wrong way.

You can reproduce it very simply. See steps below.

Thanks for your help.

Reproduce link

https://github.com/binarykitchen/videomail-recorder

Reproduce Steps

1. git clone this repository https://github.com/binarykitchen/videomail-recorder
2. npm install
3. npm run storybook

When storybook opens, click on the first story "Dead Simple". It's loading forever. 404.

[fi3ework]

i got this page, not exactly same as you.

[binarykitchen]

Thanks, @fi3ework

Weird. After a rm -rf node_modules package-lock.json and npm install I'm getting the same error too.
Seems msw related.

I will raise it with them and come back to you.

[fildahui]

I'm guessing it's not allowed to serve static folders from within the .storybook/ folder itself.

if you bring your public/ folder out to the root level of project, update your configs to point to that folder, storybook will load correctly