问题标签 [nrwl]

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 投票
1 回答
263 浏览

reactjs - 在 nx 工作区中创建反应应用程序失败 - 找不到纱线

我正在关注有关创建反应应用程序的 NX 教程(此处),但出现错误:

我使用带有节点 v10.15.3 和 npm 6.10.1 的 Ubuntu 19.04。你知道这个配置有什么问题吗?

0 投票
2 回答
1329 浏览

google-cloud-build - 为数组的每个结果运行 Google Cloud Build 命令

我有一个包含多个 Angular 应用程序的 Nx 工作区。当 master 在我的 GitHub 存储库中更新时,我希望开始构建。使用 GCB 的触发器,这部分很容易。但我想要发生的是运行这个命令:

在触发器上,并为每个受影响的应用构建 Docker 映像并将其推送到 Google Container 注册表。到目前为止,我的 cloudbuild.yaml 文件如下所示:

该命令返回如下结果:

我不确定如何处理 Google Cloud 的结果。使用节点脚本,我可以执行以下操作来打印出一系列受影响的应用程序:

这将返回受影响应用程序的数组,如果出错则返回 null。尽管如此,即使如此,我仍然不确定下一步我会为 Google Cloud 构建做什么。使用命令或该脚本的结果,理想情况下,我可以运行 docker build 命令,如下所示:

:loop variable:受影响的应用程序的名称在哪里。我想对数组中的每个值执行此操作,如果由于某种原因该命令未返回任何受影响的应用程序,则不执行任何操作。

关于如何将 Google Cloud Build 与 Nx Workspaces 结合使用的任何想法,或者如果您刚刚获得了 Google Cloud 构建经验并且知道我的下一步应该是什么,那就太好了。

0 投票
0 回答
45 浏览

angular - 如何为所有应用程序提供有能力的 styles.scss?

我使用NX来组合几个角度项目。styles.scss我在应用程序目录中创建全局

来自 styles.scss 的样式可以在应用程序目录中使用,但它们在 libs 目录中不可用。请帮我修复它。

0 投票
1 回答
484 浏览

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

我正在开发一个使用单一回购结构的系统。我们使用 Nx 作为管理工作空间的工具。这个工作空间由几个加载到单个门户应用程序中的功能项目组成。

使用 Nx 时,我想只对单个项目运行深度图分析,以显示其依赖库而不显示不相关的项目。

当前的 nx cli 可以做到这一点吗?

我尝试运行nx dep-graph my-project-name,但这仍然显示了整个工作区的输出

0 投票
1 回答
382 浏览

nrwl - Angular 控制台:无法创建库

我正在尝试在 Windows 上使用 Angular Console 的 v 8.1.0 创建一个新库。我得到的错误是“ENOENT: no such file or directory, mkdir "c:\path\to\my\workspace\libs\new_library_name"

"c:\path\to\my\workspace\libs"已经存在

new_library_name文件夹应该由 Angular 控制台创建

控制台运行的命令是ng generate @nrwl/angular:library new_library_name.

我尝试了不同的名称/路径,以管理员身份运行,在 VSCode 和独立控制台中运行。任何事情都没有运气。这曾经奏效。

此外,如果我创建文件夹c:\path\to\my\workspace\libs\new_library_name然后再次运行控制台,我会收到错误ENOENT: no such file or directory c:\path\to\my\workspace\ libs\new_library_name\ReadMe.md。当然自述文件不存在——它需要由控制台创建。

我做错了什么或在哪里看?

0 投票
0 回答
4554 浏览

nrwl - 为什么我们需要`afterEach(cleanup);`?

这是关于单元测试的问题(jest + @testing-library/react)

你好。这些天我开始使用@nrwl/react。这是令人惊叹的产品,我对 nx 的 monorepos 项目感到兴奋。

顺便说一句,afterEach(cleanup);生成的模板测试文件中有。这是我的示例项目。 https://github.com/tyankatsu0105/reproducibility-react-test-nx/blob/master/apps/client/src/app/app.spec.tsx#L7

然而 react-testing-library 在使用 jest 时不需要清理。 https://testing-library.com/docs/react-testing-library/api#cleanup

请注意,如果您使用的测试框架支持 afterEach 全局变量(如 mocha、Jest 和 Jasmine),这将自动完成。如果没有,您将需要在每次测试后进行手动清理。

事实上,我afterEach(cleanup);从测试文件中删除时看到错误。

发现多个带有文本的元素:

谢谢!

0 投票
2 回答
1536 浏览

node.js - 在 Nx 工作区中运行 NestJS 构建工件时出错

当我尝试运行在 Nx 工作区中创建的 NestJS 应用程序的构建工件时,我遇到了错误。仅当我在不存在 node_modules 文件夹的存储库之外的任何地方运行生成的工件时,才会发生该错误。

重现步骤:

  1. 克隆这个 repo https://github.com/baumgarb/proxy-example
  2. 运行npm install以安装所有软件包
  3. ng build backend
  4. 进入 dist 文件夹dist/apps/backend
  5. 在该文件夹中运行node main.js,您应该会看到后端成功启动
  6. 现在将 main.js 复制到克隆存储库之外的不同位置(例如/tmpc:\temp
  7. 在新位置再次运行node main.js,您将遇到以下错误:

您也可以尝试在 Docker 容器中运行构建工件,这将导致相同的错误。

这也是我的本地机器和 WSL 之间的比较: 在此处输入图像描述

谁能告诉我问题是什么以及如何解决?提前非常感谢!

0 投票
1 回答
249 浏览

angular - 具有非类操作的 Angular Nrwl Nx 数据持久性

是否可以通过 Nx 数据持久性使用非基于类的操作?我在文档中找不到任何内容。这是我到目前为止所尝试的:

这给了我一个类型不匹配的错误。我想一种解决方法是自己使用@Effect({dispatch: false})run 方法并从中分派而不返回任何内容。但也许有更好的方法,而不会滥用效果?

0 投票
6 回答
6324 浏览

nestjs - process.env.NODE_ENV always 'development' when building nestjs app with nrwl nx

My NX application's npm run build:server calls ng build api-server that triggers the @nrwl/node:build builder.

It builds the NestJS application as main.js. Things work except I wanted process.env.NODE_ENV to be evaluated at runtime but I think it was resolved at build time (via Webpack).

Currently, the value is always set to 'development'.

I am new to Nrwl's NX. Any solution this?

0 投票
1 回答
916 浏览

reactjs - 如何更改现有 nx 原理图的模板文件

我最近开始使用https://nx.dev/来重组现有的具有多个反应前端和 redux 状态管理的 monorepo。

nx 提供了使用原理图创建新的 redux 切片的能力,@nrwl/react:redux例如:nx g @nrwl/react:redux <sliceName>. 这很棒!但是,用于创建新文件的模板不符合我的需要(例如我不使用 redux-thunk...),我想使用我自己的模板。

我创建了一个新的自定义原理图,nx g workspace-schematic redux-module并将其调整为@nrwl/react:redux如下扩展:

谁能告诉我如何从这里开始使自定义原理图使用我自己的模板文件?

谢谢!