angular - 如何使用 RouterLink 为模块配置故事书故事

Question

由于错误，无法为使用 routerLink 的模块配置故事

错误 NullInjectorError:StaticInjectorError(DynamicModule)[RouterLinkActive -> Router]

复制重现该行为的步骤: demo-app运行应用程序，您可以测试是否没有可能的解决方案来添加 RouterModule 来处理故事。不能使用 RouterTestingModule、RouterModule、RouterModule.forRoot 和 iframe.html 路径进行配置。总是出现关于缺少提供程序的相同错误。

预期行为使用 routerLink 运行应用程序和故事

其他上下文最新版本的故事书 5.3.3 和 Angular ~8.2.14我正在使用不同的配置 5.2.8，并且没有出现此问题。

如何配置这个模块，storybook有问题吗？

Storybook issue

Answer 1

Storybook 的工作方式与 Angular 不同，因此我不需要将 FeatureModule 注入(inject)到 Story 中，Component 就可以了。当仅使用 RouterTestingModule 注入(inject) NavbarComponent 时

故事配置如下所示

storiesOf('Navbar', module)
  .addDecorator(
    moduleMetadata({
      imports: [BrowserAnimationsModule, RouterTestingModule],
      declarations: [NavbarComponent],
    }),
  )

而且你不需要路由配置 xD