React项目中storybook页面无内容（空白屏幕）的问题解

查看你目前项目中的React版本，如果版本是v17.x以上的，请将React的版本降低到v17以下，因为新更新的v17版本会在一定程度上破坏UI。

具体操作

1. 打开项目根目录中的package.json文件，找到dependencies中的react字段，将版本改为16.13.1，如图：
   

   20201030200033779.png

2. 打开控制台，进入项目根目录，输入以下命令重新安装React，这里推荐使用yarn命令，因为Yarn 会在代码执行之前通过算法校验每个安装包的完整性。

yarn install

该命令执行完毕后重新启动项目，就能看到storybook的页面了。

最后希望React团队能早日将这个bug修复，降低版本也是没有办法的办法。

注：可能是这个问题比较新，我百度谷歌了好长时间也没有解决，最后在storybook的GitHub仓库中发现了一个反馈问题的小论坛，在里面找到了遇到了相同问题的帖子，最后找到了解决方法，这也算是给了我一个启示，如果以后有什么百度谷歌搜不到的问题，我们可以尝试去GitHub官方仓库里去寻找寻找！