Storybook Angular：如何使用导入的自定义库中的模型/接口？

Posted 2023-02-19

【中文标题】Storybook Angular：如何使用导入的自定义库中的模型/接口？

【英文标题】：Storybook Angular: How to use model / interface from imported custom library?

【发布时间】：2021-03-10 08:55:51

【问题描述】：

所以我在 NX 工作区中构建了一个 Angular 应用程序，并为每个可重用功能使用自定义库。

我有一个库来存储应用程序的模型。它是使用 NX 工作区构建的。例如。

nx g @nrwl/workspace:lib dc-models 这使用 nx serve 构建并运行良好，没有错误。

当我运行故事书时，例如

nx run dc-featurelib:storybook 它正在构建，但在终端中显示警告说它找不到模型。

WARNING in ./libs/dc-feature-panel/feature-panel/src/lib/feature-panel/feature-panel.component.ts 33:78-86
"export 'DcPanel' was not found in '@myproject/dc-models'

我怎样才能让它工作并删除这个警告？？

【问题讨论】：

删除你的 package-lock.json 然后重新构建

我会试试看会发生什么。谢谢。

【参考方案1】：

@alexff1 解决了。

rm -rf node_modules; 然后npm install。

在我删除并重新安装节点模块后，这解决了问题。

这不是我想做的事情，因为该项目有很多节点模块并且需要很长时间才能安装它们。 'DcPanel' 和 '@myproject/dc-models' 也不是导入的模块，所以我从未想过重新安装节点模块。

但看起来它奏效了。谢谢。