javascript - 使用反应或角度不加载但没有错误的故事书演示
问题描述
我正在尝试让入门演示运行 angular 或 react 和 npm run storybook 加载启动,但侧边栏永远不会加载,但只是闪烁和悬停时蓝色加载圆圈无休止地旋转。没有控制台错误,所以我不确定从哪里开始调试。我使用 create react app 来设置项目。
反应设置
src/index.stories.js
import React from 'react';
import { Button } from '@storybook/react/demo';
export default { title: 'Button' };
export const withText = () => <Button>Hello Button</Button>;
export const withEmoji = () => (
<Button>
<span role="img" aria-label="so cool">
</span>
</Button>
);
src/storybook/main.js
module.exports = {
stories: ['../src/**/*.stories.[tj]s'],
};
包.json
{
"name": "foo",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.5.0",
"@testing-library/user-event": "^7.2.1",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"storybook": "start-storybook"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@storybook/react": "^5.3.18"
}
}
我错过了什么?
解决方案
推荐阅读
- java - 如何在 post 请求中传递两个参数?
- javascript - 如何将 Row 添加到动态 html 表中?
- keras - 如果我们不在 keras model.fit() 中指定 validation_data 怎么办?
- vue.js - Vue复选框未随数据更改而更新
- r - R中预测函数和零膨胀负二项式模型的错误
- c - 如何从路径中删除最后一个字符串标记
- android - 如何在字符串资源中使用十进制数(双精度数据类型)作为占位符
- python-3.x - AttributeError:模块“pandoc”没有属性“main”
- javascript - 无法读取未定义的 javascript webdriverio 的属性 $$
- lua - 我在哪里可以学习如何去混淆,有人可以简化我并告诉我在哪里可以学习