问题标签 [angular-storybook]

您好，根据本指南， 我在 .storybook/preview.js 上添加了此代码

它工作正常，部分原因是我在控制台中有错误：

我也尝试使用故事中的 NgModule 导入，但仍然无法正常工作

我正在尝试为 Angular 8 设置 Storybook，但是在运行npm run storybook时出现以下错误：

但是，@storybook/angular是打开package.json并安装，以及文件本身在使用 vscode 可视化时不会提示任何错误。我尝试使用谷歌的所有解决方案，例如：

• 导入所有内容@storybook/angular而不使用@storybook/angular/types-6-0
• 添加@storybook/angular/types-6-0到.storybook/typings.d.ts
• 添加../src/setupJest.ts到排除数组中.storybook/tsconfig.json
• 添加"enableIvy": false到tsconfig.json下angularCompilerOptions

我的 package.json

我究竟做错了什么？

我正在将 storybook js 用于 vueJS UI 组件。在文档部分，源代码不正确。这是我在源代码中看到的：

问题：

1. 为什么源代码进来<template>
2. 为什么:default="null"来了。我没有控制该名称的任何道具。

这是.stories.js：

升级到 jest-angular-preset ^8.3.0 并尝试运行结构测试后，使用 npm run 我看到以下错误：

如果这不是在此处和我不太确定的开玩笑预设角度问题板之间提出此问题的正确位置，我深表歉意。

但是，从看到其他板上发布的其他解决方案来看，这些是我为了达到这一点而升级到的重要依赖项的版本：“jest”：“^27.0.1”，“jest-preset-angular”：“ ^8.3.1", "ts-jest": "^27.0.1", "typescript": "~3.8.3"

我还清除了笑话缓存。

运行 Angular + storybookjs 并收到此错误。

我有一个场景，我需要为 listcomponent 模板创建故事书，如下所示 export const Basic: Story = (args: ListComponent) => ({ props: args, component: ListComponent, subcomponent:GridComponent, template: <list-item> </list-item> }) ;
<mat-toolbar class="list" *ngIf="!ToolBar"> {{title}} <icon-button
class="content-container-item-icons list-item-pointer" icon="close"
data-cy ="content-item-remove" title="close" (click)="deletedata()" [hidden]='!ToolBar' >

如何将数据传递给我们用作选择器的数据？

需要更改日期选择器 中 的默认日期格式 我无法使用NPM

（角）

所需格式， Dd mm YYYY，Mm dd yyyy，LL & L

执行 npm run storybook 后，该过程失败并出现以下错误：

我正在学习使用带有角度的故事书。我从这里得到了 buttonGroup 示例的故事，并创建了一个垂直和水平的故事

我正在尝试通过重用故事书的默认按钮故事来为其创建组件，但难以配置。

按钮组件：

按钮故事：

这是我尝试并创建的： ButtonGroupComponent ：

这是结果：

但是，缺少单个按钮故事的填充、字体样式。主要和次要按钮：

帮助我理解正确的实现方式，我试图理解故事书中的事情是如何工作的。谢谢。

我已经更新了 angular from 11to12并且我也将所有包更新到了​​我的最新版本package.json：

我在这个项目中也有Storybook，Angular当我运行时npm-run-storybook我有这个错误：

我没有webpack config，只有default config of angular-cli。我该如何解决？