故事书组合在 Angular + Nx 应用程序中永远加载答案

【问题标题】：Storybook composition is loading forever in Angular + Nx app故事书组合在 Angular + Nx 应用程序中永远加载
【发布时间】：2022-08-04 21:17:15
【问题描述】：

我有一个带有一些 Angular 库的 Nx monorepo，我正在尝试让 Storybook 组合工作。我有两个不同的 Storybook，一个运行在 http://localhost:9001，另一个运行在 http://localhost:9002。

我可以单独运行它们，也可以构建它们，但是当尝试同时运行它们以进行合成时，我得到的是控制台上没有错误，并且可以无限加载。

这是我的作文设置 (.storybook/main.js)：

module.exports = {
  core: { builder: \'webpack5\' },
  stories: [],
  addons: [\'@storybook/addon-essentials\', \'@storybook/addon-knobs\', \'@storybook/addon-a11y\'],
  features: {
    buildStoriesJson: true,
  },
  refs: {
    \'designsystem-core\': {
      title: \'Design System Core\',
      url: \'http://localhost:9001\',
    },
    \'designsystem-demo\': {
      title: \'Design System Demo\',
      url: \'http://localhost:9002\',
    },
  },
}

我正在使用单独的终端运行它们，使用命令nx run name:storybook。它们都已构建并在各自的 dist 文件夹中生成了stories.json。

我正在使用@nrwl/storybook version 13.7.3 和@storybook/angular version 6.4.13

有谁知道发生了什么？

标签： angular storybook

【解决方案1】：

问题可能是您的路由，例如，如果您使用这个 ts { path: '**', pathMatch: 'full', redirectTo: '' } 或错误位置的任何路线，结果将永远加载，因为找不到路线。

【讨论】：