Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Static build of Storybook does not load stories on default route

See original GitHub issue

Describe the bug We are building Storybook for static deployment, ver 5.3.3, using Typescript (ts-loader). When accessing the root / route (on http-server), the app is served, route becomes http://localhost:8080/?path=/story/* and… no stories get shown in the UI. Sadly, also no console logs or any errors are thrown. However, if the URL is updated manually to remove the *, it picks up the first story and everything works from then on. Any ideas?

Screenshots storybook

Issue Analytics

State:
Created 3 years ago
Reactions:2
Comments:11 (7 by maintainers)

Top GitHub Comments

4reactions

shilmancommented, Oct 3, 2020

@peterpeterparker serve specifically has problems because it seems to rewrite paths dynamically (/iframe.html gets rewritten to iframe). http-server doesn’t have this problem AFAIK.

@jonniebigodes maybe this is also something good for the FAQ?

0reactions

jonniebigodescommented, Jan 20, 2021

Going to close this issue if you all don’t mind. A recent pull request was merged that addressed this.

Feel free to re-open regarding any follow up.

Stay safe

Top Results From Across the Web

Configure Storybook

By default, Storybook will load stories from your project based on a glob (pattern matching string) in .storybook/main.js that matches all files in...

Publish Storybook

Build Storybook as a static web application Run the following command inside your project's root directory: YARN.

CLI options - Storybook

Storybook comes with two CLI utilities: start-storybook and build-storybook . Storybook collects completely anonymous data to help us improve user experience.

Images, fonts, and assets - Storybook - JS.ORG

We recommend serving static files via Storybook to ensure that your components always have the assets they need to load. We recommend this...

Setup Storybook - JS.ORG

Storybook is a frontend workshop for building UI components and pages in ... https://storybook.js.org/docs/react/configure/overview#configure-story-loading ...