问题标签 [storybook]

我似乎无法让 Storybook 的 webpack 编译我的 CSS。它抛出字体文件并告诉我我可能需要一个加载器，但我已经在webpack.config.js它正在使用的文件中添加了一个。

这是我的webpack.config.js：

我有加载器，它可以看到它，但它仍然给我这样的错误：

对于每个扩展名（eot、woff、woff2、ttf、svg），我都会遇到其中一个错误。

我知道它正在读取该webpack.config.js文件，因为如果我执行诸如更改无意义的加载程序名称（如cake）之类的操作，我会从中得到一个错误。

此外，该文件位于storybook我项目根目录之外的目录中，因此resolve(__dirname, '../')也应将其放在我项目的根目录中。

我错过了什么？

我有一个简单的固定数据表组件，基于此示例， 我将其呈现在故事书中

问题是：表格的水平滚动没有出现，表格超出了容器的边界。

我似乎无法让@storybook 插件旋钮工作？它似乎并没有装饰实际的故事。几乎遵循这个

下面是我的代码..我使用 getstorybook 和 create-react-app

使用以下软件包：

我的设置

这应该是没有道理的，但没有运气。

我正在尝试在我的项目中加入故事镜头。我有这个笑话配置：

这是我的测试文件内容：

但它会引发错误：

抛出的错误node_modules/jest-resolve/build/index.js

我正在为 React Table 写一个故事，但出现以下错误：

React-toolbox 文档未更新。我认为。因为我在源代码中找不到model和source属性

有我的组件源

我的故事的来源：

谁能帮我？我非常感谢。

Storybook 打包器的默认端口是 8081。这与 React Native 打包器使用的端口相同。

有什么方法可以更改 Storybook 打包器的端口，以便我可以让两个打包器同时运行？

请注意，运行命令“npm run storybook -p 8082”只会更改提供的故事书页面，但不会更改打包程序端口。

我有 react-i18next 为在浏览器中运行的代码工作，但是我们所有的故事书示例都被破坏了，因为我们只测试了一个单独的组件。

有人可以解释（通过示例）如何获取显示使用 react-i18next 的各个组件的故事书吗？

考虑：

webpack 允许您像这样伪造相对导入：

这允许您编写所有导入，src/就像它们的别名一样，node_modules而无需手动爬取../../../../../.......

在我的应用程序的 webpack 配置中使用它很容易。

当我尝试在 storybook 的 webpack 配置中使用相同的技巧时，它不会阻塞我棘手的导入，我会收到如下错误：

有什么好的方法可以做到这一点吗？

我正在尝试为我的应用程序创建一个故事书react-realy，但我不知道如何为该组件设置模型数据。对于简单的组件是可以的，因为我可以使用虚拟 UI 组件与容器的方法，但我不能将它用于嵌套的中继组件，例如有一个UserList组件，我想添加到故事书中，我可以拆分中继片段部分到容器，UI 部分到组件，但是如果UserList子组件太中继组件怎么办？当它们是组合的一部分时，我不能拆分它们UserList？

是否有一些解决方案可以将继电器组件添加到故事书中？

我目前面临 Storybook 的问题。使用 webpack 在我的应用程序中一切正常。Storybook 似乎对我的配置有问题。

这是我的 webpack.config.js ：

Storybook 在解析 scss 文件时遇到问题，我需要为 Storybook 创建一个特定的 webpack.config.js 来解决这个问题吗？

在我的主应用程序中，我以这种方式导入我的 scss 文件：import './styles/base.scss'