运行时反应故事书空白页
Posted
技术标签:
【中文标题】运行时反应故事书空白页【英文标题】：React Storybook blank page when run 【发布时间】：2021-02-04 00:41:45 【问题描述】：我正在尝试加载演示故事书故事。
我使用create-react-app 创建了一个反应应用程序并运行npm start。它从端口：3000 开始。
然后当我运行npm run storybook 时，它会在端口：6006 上打开一个浏览器。但只显示空白页。
【问题讨论】：
如果您几乎没有提供任何细节信息，那么很难提供帮助。控制台中是否记录了任何错误？你能提供你的 package.json 文件吗？ 没有错误。它只是在浏览器中显示一个空白页面。而不是演示故事书的故事 我认为有一些错误，打开开发者控制台，我也有同样的问题，React Hooks 有一些问题， 【参考方案1】：尝试清除浏览器缓存。它解决了我的问题。
【讨论】：
【参考方案2】：如果您想继续使用 React 版本 17，那么您可以通过以下方式将 storybook 升级到 prelease
npx sb@next upgrade --prerelease
更多信息请参考 GitHub 问题#12408
【讨论】：
【参考方案3】：帮助我的是跑步
rm yarn.lock
yarn install
将故事书安装到我的项目后
【讨论】：
【参考方案4】：显然 react 已升级到 17.0.0 版本，但 storybook 尚未进行切换。 如果您使用版本 16.14.0 的 react 应该可以工作。
https://www.youtube.com/watch?v=fjb_QcQhRrs
【讨论】：
以上是关于运行时反应故事书空白页的主要内容，如果未能解决你的问题，请参考以下文章