问题标签 [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.
reactjs - 在 nx 工作区中创建反应应用程序失败 - 找不到纱线
我正在关注有关创建反应应用程序的 NX 教程(此处),但出现错误:
我使用带有节点 v10.15.3 和 npm 6.10.1 的 Ubuntu 19.04。你知道这个配置有什么问题吗?
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 构建经验并且知道我的下一步应该是什么,那就太好了。
angular - 如何为所有应用程序提供有能力的 styles.scss?
我使用NX来组合几个角度项目。styles.scss
我在应用程序目录中创建全局
来自 styles.scss 的样式可以在应用程序目录中使用,但它们在 libs 目录中不可用。请帮我修复它。
angular - 如何仅在特定项目上运行 nx dep-graph
我正在开发一个使用单一回购结构的系统。我们使用 Nx 作为管理工作空间的工具。这个工作空间由几个加载到单个门户应用程序中的功能项目组成。
使用 Nx 时,我想只对单个项目运行深度图分析,以显示其依赖库而不显示不相关的项目。
当前的 nx cli 可以做到这一点吗?
我尝试运行nx dep-graph my-project-name
,但这仍然显示了整个工作区的输出
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。当然自述文件不存在——它需要由控制台创建。
我做错了什么或在哪里看?
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);
从测试文件中删除时看到错误。
发现多个带有文本的元素:
谢谢!
node.js - 在 Nx 工作区中运行 NestJS 构建工件时出错
当我尝试运行在 Nx 工作区中创建的 NestJS 应用程序的构建工件时,我遇到了错误。仅当我在不存在 node_modules 文件夹的存储库之外的任何地方运行生成的工件时,才会发生该错误。
重现步骤:
- 克隆这个 repo https://github.com/baumgarb/proxy-example
- 运行
npm install
以安装所有软件包 - 跑
ng build backend
- 进入 dist 文件夹
dist/apps/backend
- 在该文件夹中运行
node main.js
,您应该会看到后端成功启动 - 现在将 main.js 复制到克隆存储库之外的不同位置(例如
/tmp
或c:\temp
) - 在新位置再次运行
node main.js
,您将遇到以下错误:
您也可以尝试在 Docker 容器中运行构建工件,这将导致相同的错误。
谁能告诉我问题是什么以及如何解决?提前非常感谢!
angular - 具有非类操作的 Angular Nrwl Nx 数据持久性
是否可以通过 Nx 数据持久性使用非基于类的操作?我在文档中找不到任何内容。这是我到目前为止所尝试的:
这给了我一个类型不匹配的错误。我想一种解决方法是自己使用@Effect({dispatch: false})
run 方法并从中分派而不返回任何内容。但也许有更好的方法,而不会滥用效果?
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?
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
如下扩展:
谁能告诉我如何从这里开始使自定义原理图使用我自己的模板文件?
谢谢!