Storybook: Endless loading of components

[IzoldaV]

Describe the bug
I can't start my storybook app. It loads only loading state (loading story). There aren't any errors in the console.

To Reproduce
npm run storybook

Expected behavior
See rendered components

Screenshots

Code snippets

main.js

const path = require('path')

const autoprefixer = require('autoprefixer')
const lost = require('lost')

const processors = [
  autoprefixer({
    grid: true
  }),

  lost()
]

module.exports = {
  stories: ['../app/ui/**/*.stories.js'],
  webpack: (config) => {
    config.module.rules.push({
      test: /\.scss$/,
      use: [
        'cache-loader',
        'style-loader',
        { loader: 'css-loader', options: { sourceMap: true } },
        {
          loader: 'postcss-loader',
          options: {
            sourceMap: true,

            plugins: (loader) => processors
          }
        },
        { loader: 'sass-loader', options: { sourceMap: true } }
      ],
      include: path.resolve(__dirname, '../')
    })
    return config
  }
}

Button.stories.js

import React from 'react'
import Button from './Button'

export default { component: Button, title: 'Button' }

export const withText = () => <Button>Hello Button</Button>

export const bigSizes = () => (
  <Button
    size='big'
    color='ultra-light-gray'
    borderRadius='big'
  >
    Big grey btn
  </Button>
)

System:

System:
OS: Windows 10 10.0.18363
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Binaries:
Node: 12.14.1 - C:\Program Files\nodejs\node.EXE
npm: 6.13.6 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: 44.18362.449.0
npmPackages:
@storybook/react: ^5.3.18 => 5.3.18

[shilman]

cc @yannbf

[yannbf]

Hey @IzoldaV sorry that you are experiencing this issue. I created a sample app with your exact main.js configuration, and it worked fine for me. Could it be that your stories are not falling into your glob ../app/ui/**/*.stories.js? Can you try something minimal to see if it works for you?
For instance point into a very specific story file like ..app/ui/components/toolbar/toolbar.stories.js, and maybe make your main.js a bit simpler? This way you can find the culprit more easily!

[lpoulter]

I had this issue it was caused by React.foreward Ref.

[waterkip]

I have the same issue. I'm following the tutorial found at: https://www.learnstorybook.com/intro-to-storybook/vue/en/get-started/ and it does not seem to work.

[yannbf]

Hey @waterkip, at which part of the tutorial did you get that issue?

[waterkip]

It occurs at building a single components. I switched to Vue Design System, so no rush to fix it.

[stale[bot]]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[IzoldaV]

Hello, @yannbf . I tried with the simplest component, but I did not get any result.

[Jessica-Koch]

I am also experiencing this when I upgrade from the beta-23 to next. I will try the simplified glob syntax. I’m also on windows and edge canary.

[Jessica-Koch]

So, I don't know if anyone stumbles on this, I upgraded from the beta-23 version to the beta-37, my current setup uses typescript and so i configured the main file within the .storybook/ directory to use the .ts extension. This didn't throw any errors, but storybook couldn't find my stories, I switched that file to be main.js instead and everything worked.

[stale[bot]]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[stale[bot]]

Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one. Cheers and thanks for using Storybook!