问题标签 [angular-storybook]

我正在尝试将故事书添加到我的工作区中存在的角度库：

ng generate @nrwl/angular:storybook-configuration <lib-name>

但是得到一个“集合“@nrwl/storybook”无法解决。” 错误。

当我尝试使用 Nx 的 VSCode 插件时，同样的错误。

Nx v 10.4.4。

我怎样才能解决这个问题？

使用 ng serve / nx serve 时，我的 Angular10 应用程序运行良好。NGRX 商店和功能商店按预期工作。

但是，当我尝试从项目中的任何 Lib 运行 Storybook 时，我会遇到错误。为什么是这样？我该如何解决？到目前为止我还没有找到解决方案。

这是错误的一部分：

有谁知道解决方案？谢谢。

所以我在 NX 工作区中构建了一个 Angular 应用程序，并为每个可重用功能使用自定义库。

我有一个库来存储应用程序的模型。它是使用 NX 工作区构建的。例如。

nx g @nrwl/workspace:lib dc-models 使用nx serve可以正常构建和运行 它没有错误。

当我运行故事书时，例如

nx run dc-featurelib:storybook它构建但它在终端中显示警告说它找不到模型。

我如何使它正常工作并删除此警告？

嗨，有人知道如何在 NX 工作区中运行 Storybook Chromatic 吗？在本地服务时，我的 Angular 应用程序和库运行良好，我已经为我的项目运行了 Stories。我什至在本地建立并发布了这些故事。我想要的是使用 Chromatic 将它发布到远程，但我不知道如何。

有这个过程吗？我还没有找到一个。
我现在正在尝试一些非常混乱的东西 - 但它不起作用。这是我失败的尝试：

将运行脚本添加到 Workspace package.json：

给出这个错误：

我很难过，一定有办法，只是不确定它是什么:(

在故事中使用类组件使您能够将属性作为参数传递：

神奇的是，参数被映射为组件的道具。但是，当使用模板时它不起作用：

现在看起来很明显，因为它不知道在哪里添加它们。所以我认为以下应该是可能的：

但这不起作用。它没有给出错误，但它什么也不做。有人知道如何解决这个问题吗？

我已经为 angular (11) 配置了故事书 (6.1.14)，我目前正在将 mdx 文件导入 CSF(.stories.ts)。故事编译得很好，但是当我运行 jest（用于快照测试）时，它会抛出错误

我有一个名为 inline-help 的组件。组件的模板是这样的：

这个组件可以像这样使用（并且正常工作）：

但是，这在文件中不起作用InlineHelp.stories.ts：

我收到此错误：

我不确定要在这里做什么来呈现传入的内容。

运行 nx migrate 后，我们的 Storybook 故事正在构建，但出现以下错误：

我已经尝试过 npm install @angular-devkit/build-angular 但仍然出现错误。

这是 nx 版本的输出：

我将 Angular 9 与 Storybook 结合使用，当我尝试将 NgxFileDropModule 添加到我的 moduleMetadata 导入时，我收到以下错误：

故事书错误

我已将 NgxFileDropModule 添加到 app.module.ts 文件中，如下所示：

在故事书故事中：

我创建了一个没有 Storybook 的测试项目，并且没有发生错误。

如何在 Storybook for Angular 中订阅组件输出？

例如，我有这样的组件及其输出操作：

而且我还有该组件的 Storybook 文件：

如何订阅 Storybook 文件中的组件 Output 并为事件执行一些操作，例如onPinTaskor onArchiveTask？需要模拟父组件。