question-mark
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.

Build creating nested storybook UI - Inception!

See original GitHub issue

Describe the bug A clear and concise description of what the bug is. Using vanilla Create-React-App, then add storybook, then run build-storybook. Here is the results: screen shot 2019-01-16 at 11 39 14 am

To Reproduce Steps to reproduce the behavior:

  • Run CRA
  • Add storybook
  • Run build-storybook
  • serve the results

Expected behavior A clear and concise description of what you expected to happen. Storybook should look the same as when you use yarn storybook

Screenshots If applicable, add screenshots to help explain your problem.

screen shot 2019-01-16 at 11 39 14 am

Code snippets If applicable, add code samples to help explain your problem.

System:

  • OS:MacOS
  • Device: Macbook Pro 2018
  • Browser: Chrome latest
  • Framework: React
  • Addons: None - Using CRA to bootstrap app
  • Version: 4.1.6 and Latest

Additional context Add any other context about the problem here.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:5
  • Comments:21 (8 by maintainers)

github_iconTop GitHub Comments

9reactions
efmrcommented, Jun 19, 2019

Found the same issue, to reproduce it:

serve -s storybook-static

Removing the single page app flag fixes it:

serve storybook-static

1reaction
ksegalcommented, Nov 6, 2019

I encountered this same resulting nested storybook behavior but the cause of the bug was slightly different. There is a bug in the babel 7.7.0 release, reported here. As a result of these type errors, my storybook build fails but then renders like the image above. Once this fix is out in a release, it should be safe to upgrade, but until then you may want to lock in the babel 7.6 minor version.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Stories for multiple components - Storybook - JS.ORG
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and...
Read more >
How to build connected components in Storybook - JS.ORG
Use decorators to isolate connected components ... UI components need data and action handlers to render. These are often passed in as props,...
Read more >
Structuring your Storybook - JS.ORG
Or create your own blocks by importing custom components into the MDX ... Healthy UI libraries and design systems receive constant updates.
Read more >
Building pages with Storybook - JS.ORG
Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and...
Read more >
INCEpTION User Guide
This Getting Started Guide helps new users to install, start and work with INCEpTION. It gives a quick overview (estimated time for reading ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found