卡住加载反应故事书答案

【问题标题】：Getting stuck loading react storybook卡住加载反应故事书
【发布时间】：2020-08-17 19:45:21
【问题描述】：

我无法启动我的故事书应用。它仅加载加载状态（加载故事）。控制台中没有任何错误。我究竟做错了什么？ screenshot

storybook/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>
)

系统：

系统：操作系统：Windows 10 10.0.18363 二进制文件：节点：12.14.1 - C:\Program Files\nodejs\node.EXE npm: 6.13.6 - C:\Program Files\nodejs\npm.CMD 浏览器：边缘：44.18362.449.0 npmPackages： @storybook/react: ^5.3.18 => 5.3.18

【问题讨论】：

标签： javascript reactjs storybook

【解决方案1】：

通过将故事书更新到最新版本，我消除了这种冲突。

npx sb@最新升级

【讨论】：