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.

Stories found according to CLI but no stories found according to UI

See original GitHub issue

Describe the bug The UI indicates no stories were found despite the start-storybook CLI command and web console indicating that at least one story was found.

System

Environment Info:

  System:
    OS: Windows 10 10.0.19043
    CPU: (16) x64 AMD Ryzen 7 3700X 8-Core Processor
  Binaries:
    Node: 16.0.0 - C:\Program Files\nodejs\node.EXE
    npm: 7.10.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.964.0), Chromium (91.0.864.41)
  npmPackages:
    @storybook/addon-actions: ^6.1.10 => 6.2.9
    @storybook/addon-essentials: ^6.1.10 => 6.2.9
    @storybook/addon-links: ^6.1.10 => 6.2.9
    @storybook/addon-postcss: ^2.0.0 => 2.0.0
    @storybook/react: ^6.2.9 => 6.2.9

Additional context This was from an attempt to integrate Storybook into a Next.js application.

Issue Analytics

State:
Created 2 years ago
Comments:6 (4 by maintainers)

Top GitHub Comments

1reaction

shertucommented, Jun 10, 2021

Are you defining a default export in your story?

I spent a while with this same issue until I realized it is required. I think the docs should either clarify this or the title should be inferred from the file name (e.g. MyComponent.stories.js ➡️ MyComponent), and/or show a warning/error when title is undefined.

This was the issue. Thank you for you assistance.

0reactions

JBallincommented, Jun 11, 2021

@shilman do you know if the issue I mentioned is known? If not - would you like me to open a new issue with a repro?

Top Results From Across the Web

The stories do no not load on React Native Tutorial #58

It is trying to load the main application and it breaks while it's doing that, but it is not trying to load storybook....

Setting up Storybook for React Native/TypeScript (server, ...

This is a step-by-step walkthrough of how to set up Storybook for React Native, complete with the the web UI ( @storybook/react-native-server ), ......

How to write stories - Storybook - JS.ORG

We define stories according to the Component Story Format (CSF), an ES6 module-based standard that is easy to write and portable between tools....

CLI • Chromatic docs

The Chromatic CLI builds and publishes your Storybook. ... These options control how Chromatic behaves concerning your stories and what to do with...

How to better manage your React components with ...

According to Storybook's own definition, it is an UI development ... You can then run again your Storybook, and you'll see the story...