问题标签 [angular-storybook]

我正在尝试在 Storybook 中创建自己的主题，并且正在关注以下内容：https ://storybook.js.org/docs/angular/configure/theming

现在我从网站上复制了文件，这很有效，但我似乎无法根据自己的喜好更改颜色。例如，当我将 appBg 上的颜色更改为绿色时，它仍然保持为 hotpink。有人可以帮忙吗，我错过了一步吗？

manager.js

你的主题.js

我的故事书库没有从 tsconfig.base.json 读取路径。并不断给出这个错误

未找到模块：错误：无法解析

下面是我的 main.js 文件。

我们最近升级到了 Angular 13。但尚未确认升级是问题所在。当它在 Angular 12 中工作时。有什么问题？

在将故事书迁移到最新版本时，我一直在关注多个指南和在线故障排除。我收到此错误：

正如错误本身和遇到相同问题的不同人所建议的那样（尽管故事书中没有），我添加了 path-browserify 并将其放在 main.js 上。

不幸的是，问题仍然存在。这是我的 package.json 的相关部分

有没有人遇到过同样的问题并设法解决？谢谢

更新

通过从主 js 中删除 resolve 属性并添加以下代码，我能够在编译时删除错误：

但它似乎并没有有效地解决这个问题，因为在浏览器中加载故事书时会引发此异常：

嗨，我目前正在学习故事书，并在尝试设置时遇到了这个错误。

我在 .mdx 文件中执行此操作，这是我的代码到目前为止

我尝试使用谷歌搜索，但没有出现类似的情况。有人可以帮助我理解我做错了什么，非常感谢。

我有组件女巫是这样呈现的

我也有这个组件的故事：

当我进入组件的文档并复制它生成的源代码时，问题出在故事书网络应用程序中：

如何修复源代码以显示完整示例，并将代码投影到 ng-content 中？

我试图在故事书文档中找到，但没有运气

我的angular 13.1.1应用程序我添加了故事书并手动将angular cli构建选项添加到项目中，以便它将使用角度构建来构建故事书得到无效选项错误

以下是故事书配置angular.json

运行后我得到的错误ng storybook如下

指定的命令（“故事书”）无效。有关可用选项的列表

将 Angular 升级到最新版本和 stroybook 后，我遇到了一个以前运行良好的组件的问题。

TS 文件：

html:

之前运行良好的 html 文件，现在出现错误，我必须将组件包装在*ngIf="config"可以帮助我吗？

我在一个 Angular v10 项目中工作。我无法更新该项目的 Angular 版本，因为它被用作其他应用程序的依赖项（因此需要维护稳定版本）。

我需要将 Storybook 添加到此应用程序中。我按照此处的说明进行操作：https ://storybook.js.org/docs/angular/get-started/install ，但是当我尝试运行时遇到编译问题npm run storybook。npx sb init似乎在 v6.4 安装了故事书。

作为测试，我尝试ng new在版本 12 中创建一个快速的 Angular 项目 ( )，然后使用npx sb init它来添加故事书。该命令还会在 Angular v12 应用程序中安装 6.4 版的故事书。npm run storybook在 Angular v12 应用程序中运行时我没有遇到任何问题。
这让我觉得 Storybook v6.4 与 Angular v10 不兼容。我试过的故事书似乎没有列出哪些版本的 Angular 与哪些版本的故事书兼容。

我应该使用什么版本的故事书？有没有比使用更好的方法将故事书添加到 Angular v10 项目npx sb init？

您可以通过创建一个 v10 Angular 项目来复制它（将本地 @angular/cli 设置为 v10，然后使用ng new）。然后用 . 添加故事书npx sb init。你会得到以下错误。

有什么办法，如何在初始化（故事书）之前将 Angular 服务注入故事中？像这样：

我使用 storybook 创建组件库，我遇到了这个问题，我的组件实现了一个 ngOnChanges 方法，当我从 Storybook Controls 传递值时，该方法不会运行。值从故事传递到组件，组件对标题进行视觉更改，但是尽管值被传递给变量，但我的 ngOnChanges 方法没有被触发。

这是我传递值的故事书代码：

所以如此处所示，我尝试将故事“Title”中的值传递给如下所示的 widgetName 变量，因此我期望传递给计数组件@Input() widgetName ="Total Confirmed";，当变量值通过故事书模板更改时，该组件在更改时应触发 ngOnChanges

这就是我试图传递故事中的价值的地方。

这是我的计数组件：

经过一番搜索，我注意到这个问题是在 GitHub 上提出的，故事书的成员回复说我们可以使用旋钮插件。然而，旋钮插件已被弃用，因此我需要帮助来解决这个问题吗？提前致谢。github上提出了类似的问题 - https://github.com/storybookjs/storybook/issues/15610