问题标签 [nrwl-nx]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1643 浏览

angular - 在集合“@nrwl/workspace”中找不到示意图“应用程序”

我在这里遗漏了什么吗,我正在尝试使用 nx 创建一个示例应用程序,但出现以下错误

C:\Tryout\nxtryout\ibe20> ng g app mobile-app 在集合“@nrwl/workspace”中找不到示意图“应用程序”。错误:在集合“@nrwl/workspace”中找不到示意图“应用程序”。在 SchematicEngine.createSchematic (C:\Tryout\nxtryout\ibe20\node_modules@angular-devkit\schematics\src\engine\engine.js:232:23) 在 CollectionImpl.createSchematic (C:\Tryout\nxtryout\ibe20\node_modules@ angular-devkit\schematics\src\engine\engine.js:69:29) 在 GenerateCommand.getSchematic (C:\Tryout\nxtryout\ibe20\node_modules@angular\cli\models\schematic-command.js:137:27)在 GenerateCommand.initialize (C:\Tryout\nxtryout\ibe20\node_modules@angular\cli\models\schematic-command.js:45:36) 在 process._tickCallback (internal/process/next_tick.js:68:7) 在Function.Module.runMain (internal/modules/cjs/loader.js:832:11) 在启动时 (internal/bootstrap/node.js:283:

0 投票
1 回答
544 浏览

typescript - Nx monorepo 中的“工具”文件夹有什么用?

我正在寻找更多关于 Nx monorepo 中“工具”文件夹的用途的洞察力和理解。里面有什么样的信息?我可以看到有一个“原理图”文件夹,它会是我的客户原理图的地方吗?

0 投票
1 回答
2312 浏览

node.js - nrwl-Nx 和 Cypress,验证超时,在 Windows 7 中失败 --smoke-test

我正在尝试按照NX 网站上的本教程进行操作。第二部分让我们使用 Cypress 设置 e2e 测试。我按照所说的一切进行操作,甚至注释掉我的代码并将他们的代码粘贴到我的文件中。我在控制台中没有收到任何错误。我在节点中看到的错误说

赛普拉斯验证超时

此命令失败,输出如下:

C:.....\Cache\3.3.1\Cypress\Cypress.exe --smoke-test --ping=852

该教程还说应该在我们的应用程序上弹出一个 UI,我没有看到任何类似的东西。

在生成工作区和应用程序后,它让我们app.po.ts通过添加几个常量来修改文件,到目前为止我的看起来像这样

接下来它告诉我们app.spec.ts通过添加这个来更新 e2e 测试的文件

生成的这个文件的版本Nx已经在里面了

我最初尝试在它下面添加额外的测试并添加新的导入。在收到错误消息后,我想也许我需要将测试组合成一个看起来像这样的测试。

我仍然在 Node 中遇到同样的错误,并且不知道我做错了什么。在开始项目之前,我更新node了. 我下载了但遇到了问题,所以我一直在使用节点终端和支架。任何人都可以帮忙吗?npmangular cliAngular ConsoleVS Code

0 投票
4 回答
6778 浏览

angular - NRWL NX 导入库错误 TS2307:找不到模块“@eduboard/interfaces”

我刚刚为工作创建了一个新的 NX 项目,并为输出接口创建了一个库,以便将它们放在后端和前端。

编译时出现此错误

从我读过的所有内容来看,我没有做错任何事,只是它要求一个模块并且它只是一个 index.ts 文件。

这是全局管理员仪表板

0 投票
4 回答
1996 浏览

git - Google Cloud Build 无法运行 NX 受影响:应用程序,因为它无法引用 master~1 提交

我正在尝试建立一个使用 nx.dev 开发的 monorepo 完整 CI/CD 管道,在其中我只构建和部署在提交中发生更改的应用程序和服务。

我的云构建链接到我的 github 存储库,当推送更改时,它会启动构建。首先 npm install 然后构建更改的应用程序。

根据 nx https://nx.dev/guides/monorepo-affected#ci上的 nrwls 文档,他们说要使用

这会将当前提交与之前的提交进行比较,以找出要构建的服务或应用程序。

我尝试过使用它,但在云构建中运行时出现此错误

当使用 cloud-build-local 在本地构建它时,它可以正常工作并成功确定要构建哪些服务。

我认为它失败的原因是因为当云构建检出 git 存储库时,它只检出提交而没有检出以前的提交信息。因此它不能引用之前的提交。

有什么办法可以解决这个问题还是我错过了什么?

谢谢!

0 投票
1 回答
450 浏览

javascript - 将 React 添加到工作区失败,EACCES:权限被拒绝,mkdir '/home/mint/.cache/Cypress'

我正在尝试添加@nrwl/reacten 空的 nx 工作区。

所以我正在使用 : 创建一个空的 nx 工作区yarn create nx-workspace <app_name>

然后当我yarn ng add @nrwl/react添加 React 我有这个错误(即使使用 sudo):

在我的本地机器上手动安装 Cypress 并不能解决问题。

0 投票
1 回答
1384 浏览

angular-cli - 无法生成库。无效的规则结果:Promise 类的实例

跑步时ng generate library mylib

我收到以下错误:

无效的规则结果:Promise 类的实例。

我认为这是一个包装问题,但我不知道如何找到导致问题的原因。

这是我的 package.json

npm 版本 6.9.0

节点版本 10.16.0

需要帮助请叫我。谢谢!

0 投票
2 回答
853 浏览

nrwl - How to use DataPersistence to use 2 States at the same time

I use Nx to create a new application using NgRx and DataPersistence.

I have generated several states in my application (example: State A, State B).

To retrieve the data via an API request to populate State A, I use in the effect associated with this.dataPersistence.fetch.

However to launch my API request, I need data contained in State B. This is where I block.

I saw that by using the basic effects, we can use the "withLastestFrom" operator to retrieve a different state than the one currently used.

However I do not know how to handle that with this.dataPersistence.fetch.

By opening the DataPersistent code (https://github.com/nrwl/nx/blob/master/packages/angular/src/runtime/nx/data-persistence.ts), I see that the fetch feature is already using the withLatestFrom operator. I do not see how to recover another State.

My question is therefore: How to recover State B when I use a State A effect?

Hoping to be clear enough :)

0 投票
1 回答
7892 浏览

angular - 如何从库中导入组件(在 nrwl/nx 中使用 Angular)

我想将PageNotFoundComponent我的ui-components库中的我的导入到我的应用程序的路由器中。

当我将其导入UiComponentsModule到我AppModule的模板中并使用模板中的组件时,一切正常,但是以 es6 表示法导入组件失败。

/libs/ui-components/src/lib/ui-components.module.ts

/apps/myApp/src/app/app-routing.module.ts

使用像import { NotFoundComponent } from 'libs/ui-components/src/lib/not-found/not-found.component';我这样的导入得到 linter 错误:

库导入必须以 @frontend/ 开头 (nx-enforce-module-boundaries)tslint(1) 不允许来自此包的子模块导入路径;从根目录导入 (no-submodule-imports)tslint(1) 模块 'libs' 未在 package.json 中列为依赖项 (no-implicit-dependencies)tslint(1)

当我将导入更改为时,import { NotFoundComponent } from '@frontend/ui-components';我收到错误:

模块 '"../../../../../../../../../Users/LeitgebF/Projects/KLAITONWeb/frontend/libs/ui-components/src"' 有没有导出成员 'NotFoundComponent'.ts(2305)

那么如何直接从 Nx 的库中导入组件呢?

0 投票
2 回答
4810 浏览

angular - 如何在 cypress typescript 项目中正确导入自定义命令?

在更新了我的核心依赖项 @nrwl/ 、 @angular/和 cypress 之后,我的 e2e 测试有点坏了。我收到以下错误:

import './command'; ^ ParseError: 'import' and 'export' may appear only with 'sourceType: module'.

赛普拉斯还显示此错误:在此处输入图像描述

这些是更新的依赖项: 在此处输入图像描述

在更新之前,我们只是直接从command.ts规范文件中的 -file 导入自定义命令。但也通过使用support/index.ts出现相同的错误,但随后在 index-file 中。

唯一有效(但实际上不能成为解决方案)的方法是将自定义命令移动到索引文件本身并删除导入语句。

而且由于我在 NX-Workspace 中运行这些测试,我无法直接访问任何 webpack 或 babel 配置或类似的东西。

任何提示或想法,我可以尝试什么?