故事书作品在 Angular + Nx 应用程序中永久加载

Question

我有一个带有一些 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

有谁知道发生了什么？

Answer 1

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