Nx run storybook 啥都不做并终止

Posted 2023-03-23

【中文标题】Nx run storybook 啥都不做并终止

【英文标题】：Nx run storybook does nothing and terminatesNx run storybook 什么都不做并终止

【发布时间】：2021-06-23 11:30:00

【问题描述】：

我正在尝试将故事书支持添加到现有的 Nx Angular 项目中。更具体地说，是一个名为ui 的库。跟着docs，我跑了：

$ npm i -D @nrwl/storybook
$ nx g @nrwl/angular:storybook-configuration project-name

.storybook 文件夹在ui 库下成功生成。我在我的一个组件文件夹中添加了一个*.component.story.ts 文件。但是，当我运行nx run ui:storybook 时，它什么也不做，只是终止，如下所示：

我该如何解决这个问题？

Nx 报告输出

>  NX  Report complete - copy this into the issue template

  Node : 14.15.4
  OS   : win32 x64
  npm  : 6.14.10

  nx : Not Found
  @nrwl/angular : 11.0.20
  @nrwl/cli : 11.0.20
  @nrwl/cypress : 11.0.20
  @nrwl/devkit : 11.0.20
  @nrwl/eslint-plugin-nx : 11.0.20
  @nrwl/express : Not Found
  @nrwl/jest : 11.0.20
  @nrwl/linter : 11.0.20
  @nrwl/nest : Not Found
  @nrwl/next : Not Found
  @nrwl/node : Not Found
  @nrwl/react : Not Found
  @nrwl/schematics : Not Found
  @nrwl/tao : 11.0.20
  @nrwl/web : Not Found
  @nrwl/workspace : 11.0.20
  typescript : 4.0.5

【参考方案1】：

您能否首先尝试修复您的story 文件的名称？被识别为story 文件的文件是以.stories.ts 结尾的文件。您实际上可以查看您的库中的 .storybook/main.js 文件，并查看正在读取的 story 文件的模式。

但是，我相信您仍然应该收到“未找到任何故事”之类的警告。如果你把文件名改成正确的，再运行，还是不行，能不能运行nx report把结果贴在这里？

【讨论】：

我再次运行了生成器。这次我传递了标志来为所有组件自动生成故事，所以它们的故事以stories.ts 结尾。不幸的是，我仍然得到相同的行为。我用 Nx 报告的输出编辑了帖子。

嗨艾伦！我不能从提供的信息中真正说出问题所在。你能帮我试一下吗？

1.生成一个新的工作区：npx create-nx-workspace acme --appName=webapp --preset=angular --style=css（这将生成一个新的 Nz 工作区，其中包含一个名为 webapp 的 Angular 应用程序）。 2. 添加@nrwl/storybook 包：npm i -D @nrwl/storybook 3. 为应用程序生成故事书配置：nx g @nrwl/angular:storybook-configuration webapp 4. 运行故事书：nx storybook webapp

请告诉我您是否可以在新工作区中为您的新应用运行 Storybook！如果可以，能否请您比较两种配置，并尝试找出可能导致您的问题的不同之处？非常感谢你！ :)