Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

White Screen of Death v1.1.0 ⬜️ ☠️ #45

Closed
codingwithchris opened this issue Apr 5, 2022 · 7 comments
Closed

White Screen of Death v1.1.0 ⬜️ ☠️ #45

codingwithchris opened this issue Apr 5, 2022 · 7 comments
Labels
bug Something isn't working

Comments

@codingwithchris
Copy link

codingwithchris commented Apr 5, 2022

Describe the bug

My storybook is building properly for dev with no errors and is building for production with no errors, but when I open up the local URL, I am getting a white screen with a ton of console errors.

As far as I can tell, this is basically the same error as seen here:
storybookjs/storybook#14410

Steps to reproduce the behavior

  1. Remove all svelte stories
  2. run start-storybook -p 6006 --no-manager-cache
  3. Observe that there are no errors in the console
  4. Visit localhost:6006
  5. See that the storybook UI is rendering & working but not finding any stories (as expected)
  6. Add a single svelte story that only renders the simple text: Hello World.
  7. Restart Storybook
  8. Visit localhost:6006
  9. See storybook white screen of death with tons of console errors (linked below)
  10. Test any number of Svelte components and see that any svelte story causes the white screen of death
  11. Remove all svelte stories and see that storybook is working again.

Expected behavior

I expect to see my stories rendered and not have the entire Storybook UI crash

Screenshots and/or logs

Screen Shot 2022-04-05 at 9 12 25 AM

Screen Shot 2022-04-04 at 4 45 00 PM

Screen Shot 2022-04-04 at 4 45 05 PM

Environment

  • OS: macOS Monterey 12.2
  • Node.js version: 16.13.1
  • Yarn version: 1.22.18
  • Browser (if applicable): chrome
  • Browser version (if applicable): Version 100.0.4896.60 (Official Build) (arm64)
  • Device (if applicable): M1 MacBook pro

Additional context

Relevant Versions

"@storybook/addon-actions": "^6.4.20",
"@storybook/addon-essentials": "^6.4.20",
"@storybook/addon-links": "^6.4.20",
"@storybook/addon-svelte-csf": "^1.1.0",
"@storybook/svelte": "^6.4.20",
"svelte": "^3.46.4",
"svelte-loader": "^3.1.2",
"svelte-preprocess": "^4.10.4",

Also I should note that running build-storybook also results in a clean build but white screens upon start.

@codingwithchris codingwithchris added the bug Something isn't working label Apr 5, 2022
@j3rem1e
Copy link
Contributor

j3rem1e commented Apr 5, 2022

Probably fixed by #42 , there is conflicts in some dependencies.

@j3rem1e
Copy link
Contributor

j3rem1e commented Apr 8, 2022

Can you test with v2.0.1 ?

@codingwithchris
Copy link
Author

Still seems to be broken for me :/

@j3rem1e
Copy link
Contributor

j3rem1e commented Apr 17, 2022

do you have a repro for this issue ?

@codingwithchris
Copy link
Author

Unfortunately, my repo is private as it's a work project... I can try and spin up a barebones test repo but not sure I have time this week. FWIW... I'm getting errors with both Webpack 4, Webpack 5, and the Vite builder with addon-svelte-csf at 2.0.1.

@j3rem1e
Copy link
Contributor

j3rem1e commented May 2, 2022

@j3rem1e
Copy link
Contributor

j3rem1e commented May 21, 2022

Closing this issue because it's not related to this addon

@j3rem1e j3rem1e closed this as completed May 21, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants