使用UI库的NX工作区中的故事书

文章/答案/技术大牛

发布

1回答

angular、storybook、nrwl-nx

我的NX工作区包含几个应用程序和库。我是第一次接触storybook，并遵循这里的命令：https://nx.dev/latest/angular/storybook/overview添加对storybook的支持。我想把它添加到一个简单的组件库中。包含到angular模块，其中一个是用于导入/导出材料组件的简单

浏览 17提问于2021-04-02得票数 0

4回答

如何在Nx工作区角库中为童话启用Tailwind.css？

tailwind-css、nrwl-nx、angular-storybook、nx-workspace

我在Nx工作区中创建了一个角库来提供ui组件(ui-kit)。在这个图书馆里，我又加了一本故事簿，这本书运行得很好。现在，我还想包括Tailwind，因为组件使用它。我使用nx generate @nrwl/angular:setup-tailwind --project=ui-kit --buildTarget=build-storybook命令为该库设置顺风。图书馆是

浏览 13提问于2022-02-25得票数 4

回答已采纳

1回答

故事书角度:如何从导入的自定义库中使用模型/接口？

angular、storybook、angular-storybook

因此，我有一个角度应用程序内置在一个NX工作区，并使用自定义库为每个可重用的功能。nx g @nrwl/workspace:lib dc-models --使用nx 构建并运行良好--它没有错误。当我运行故事书 <e

浏览 0提问于2020-11-27得票数 0

回答已采纳

1回答

无法解决Nx生成get 'Collection "@nrwl/storybook“的问题。错误

storybook、nrwl-nx、angular-storybook

我试图在我的工作区中添加故事簿以存在角库：但得到一个“集合”@nrwl/故事书同样的错误，当我试图用Nx的VSCode插件。我怎么才能解决这个问题？

浏览 2提问于2020-11-25得票数 0

回答已采纳

1回答

获得全局样式的问题包括在带有Nx和角12的故事书中

angular、webpack、storybook、angular-storybook、storybook-addon

我正在尝试获得一个NX12工作区，运行一些我正在创作的角度组件的故事书。 include: path.resolve(__dirname, '../'),我还试图在preview.js

浏览 2提问于2018-03-19得票数 3

1回答

创建一个Storybook实例，包括Nrwl工作区中多个库中的故事

storybook、angular-storybook、storybook-addon、nx-angular

我有一个故事书实例为每个NX库(核心，图标)，我希望只有一个故事书实例，收集所有的故事在不同的库。你知道这是否可能吗？

浏览 15提问于2022-04-11得票数 0

2回答

故事书Angular NX工作空间:如何使用Chromatic发布？

angular、storybook、angular-storybook、chromatic

大家好，有人知道如何在NX工作区中运行Storybook Chromatic吗？我的Angular应用程序和libs在本地服务时运行得很好，我的项目也运行得很好。我甚至在当地建立并发布了这些故事。我想要的是将它发布到远程使用Chromatic，但我不知道如何。我正在尝试一些非常混乱的东西--但它不起作用。这是我失败的尝试：将运行脚本添加到工作<

浏览 11提问于2020-11-28得票数 1

1回答

我正在尝试将故事书支持添加到现有的Nx Angular项目中。更具体地说，是一个名为ui的库。遵循docs，我运行： $ npm i -D @nrwl/storybook $ nx g @nrwl/angular:storybook-configuration project-name 在ui库下成功生成了我在我的一个组件文件夹中添加了一个*.component.story.ts文件。但是，当我运

浏览 30提问于2021-03-26得票数 0

2回答

Nx & Storybook:无法读取未定义的属性“registerOptionsTransform”

angular、npm、angular-components、monorepo、nrwl-nx

 Cannot read property 'registerOptionsTransform' of undefinednx g @nrwl/angular:storybook-configuration project-name > NX Reportcomplete -

浏览 5提问于2021-03-31得票数 0

回答已采纳

1回答

在nx角工作区库中不应用scss样式

angular、sass、kendo-ui、storybook、nrwl-nx

所有最新版本(角12.0.0，NX12.3.4，故事书6.3.0)我创建了一个名为ui-core的库，并添加了一个用于测试的示例导航菜单组件。然后，我添加了nx故事书原理图和故事书运行，我还设置它通过@ng-整齐/顺风使用顺风。我也有一个依赖的kendo用户界面的角质谁公开了许多scss文件的样式他们的组件。问题是，无论我试图从~@progress&#

浏览 3提问于2021-05-27得票数 0

回答已采纳

2回答

使用Nextjs在Netlify上部署童话

next.js、netlify、storybook

我试图在Netlify上部署我的故事簿，我使用的是Next.js框架，但是每次都失败了，我不知道出了什么问题构建命令：npm run build-storybook{ "name": &q

浏览 4提问于2021-03-23得票数 2

3回答

NX库与故事簿和单独导出的组件

angular、storybook、nrwl、nrwl-nx、angular-storybook

-.storybook |--button 在介绍了如何创建共享组件库的一般Nx教程以及设置的指南之后，我为该库目录生成了一个UI库，并设置了一个故事簿示意图希望我的所有共享组件都在一个库中，并将Storybook设置为自动生成每个组件并为每个组件提供故事--但这样就能够单独地将组件从这个库中拉到其他应用程序中，而不必占

浏览 7提问于2020-03-30得票数 9

回答已采纳

1回答

如何仅在特定项目上运行nx dep-graph

angular、nrwl、nrwl-nx

我正在开发一个使用单一存储库结构的系统。我们使用Nx作为管理工作区的工具。此工作区由多个加载到单个门户应用程序中的功能项目组成。当使用Nx时，我只想在单个项目上运行dep图分析，以显示其依赖库，而不显示不相关的项目。对于当前的nx cli，这是可能的吗？我

浏览 0提问于2019-09-13得票数 1

1回答

将CRA项目迁移到现有的Nx工作区

reactjs、git、create-react-app、nrwl-nx、craco

我有Nx工作区，通过Nx通过创建的React和Express应用程序。另外，我有一个独立的CRA项目，它在使用npx create-react-app命令后只有一个提交。我想将我的CRA项目添加到Nx工作区，以保留git历史记录。我怎么能这么做？我读过关于和的文档页面，然后尝试以这样的方式迁移项目：如所述，将迁移到新的Nx

浏览 11提问于2022-02-04得票数 2

回答已采纳

1回答

Angular元素-它们是NRWL/NX中的lib或app吗？

angular-elements、nrwl-nx、nrwl

尝试在NX工作空间中构建一套角度元素(web组件)。通向和平的道路是什么？

浏览 69提问于2020-05-13得票数 0

1回答

如何创建具有至少3层项目树的复杂角度库

angular

我需要创建一个角度库，但不是一个简单的库。我希望它具有与相同的项目树。，我需要构建一个像这样的项目树，以便能够设置正确的“名称”：在package.json文件中，比如："name"：“@ VScode /Special/公用”，否则我的VScode编辑器上会出现以下错误他们是否使用ng新的角母版--创建应用程序=false，然后是cd角母版，并且在ng生成库

浏览 1提问于2020-07-19得票数 1

2回答

从nx中的服务应用程序导入此库时，库中的内部json导入会中断。

reactjs、typescript

在我的库中，我导入了一个json文件，当从这个库运行代码(例如，故事书、linter)时，它可以正常工作，但是当我在nx服务的应用程序中从这个库导入时，我会得到以下错误： Cannot find module我是否也必须将"resolveJsonModule": true,添加到应用程序的tsconfig.json中？这感觉像是应该在图书馆里解决的</e

浏览 10提问于2022-02-16得票数 3

1回答

故事书-不能伪装嵌套的反应-路由器-Dom链接而不抛出无休止的NPM错误。

javascript、node.js、reactjs、storybook

我正在尝试将StorybookJS实现到一个SSR反应应用程序中。基本组件工作良好(按钮、标题等)。但是，任何使用依赖项(如react-router-dom )嵌套的东西都会中断。示例:我们有一个自定义构建的<Link />组件，它使用三元结构管理外部链接。外部链接翻转到<a href=，而内部设备使用react路由器-dom的<Link>导入为<ReactLink />。这个应用程序在开发

浏览 1提问于2021-04-07得票数 1

2回答

反应与故事书的互动

reactjs、storybook

我们已经知道Storybook用于构建UI组件，并将它们与业务逻辑隔离开来。我已经实现了一些StoryBook的基本示例。现在，我非常好奇地想知道故事簿内部行为意味着npm run storybook如何与react主应用程序交互，即从入口点开始执行命令之后的故事簿工作流？。我还想知道为什么我们不使用npm start来运行故事书？谢谢:)

浏览 8提问于2020-09-25得票数 2

回答已采纳

1回答

升级到缺少的Nx13样式

angular、angular-upgrade、angular13、nomachine-nx

在从12升级到Nx13 (角13)之后，我的库失去了所有的样式，这意味着当我运行故事书时，似乎scss文件本身并没有随组件一起导入。当我试图打包库并在我的主应用程序中安装它时，scss文件就在那里，但是我总是得到错误的SassError: Can't find stylesheet to import.。我的猜测是，同样的问题正在发生在故事书中，但我只是看不到错误本身，有人面临这个问题吗？

浏览 3提问于2022-02-10得票数 1

点击加载更多