问题标签 [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 投票
1 回答
292 浏览

nrwl-nx - 将无服务器与 nrwl nx 集成

我对@nrwl/nx 完全陌生,但想在全栈项目中使用它,将 react 和 serverless 作为后端推送功能到云 FaaS。 无服务器

我看到目前没有与 nx 相关的收据。我该如何为我的项目创建一个。我阅读了文档,但我不确定它需要如何完成。如何为此自定义 nx 以便调用

来电

启动离线实例的命令我可以在workspace.json 中做任何覆盖来实现这一点吗?

0 投票
2 回答
2977 浏览

angular - ng 服务:如何更改检查器端口?

当我ng serve server从命令行开始时,它失败了:

这是意料之中的,因为实际上已经有另一个实例在运行。

那么如何更改此实例的检查器端口?

我试图将 env-var 设置NODE_OPTIONS

  • '--inspect=7888'
  • '--inspect=localhost:7888'

两者都没有效果:即它仍然失败

注意:我不想更改应用程序端口:例如ng serve --port 5600- 它只是关于节点检查器端口

0 投票
0 回答
347 浏览

javascript - 如何在 nx 中使用/构建 oclif(CLI 节点应用程序)?

我正在玩一个从 Jira 获取数据、生成指标并将其提供给 React 前端(https://github.com/fgerthoffert/jira-agile-velocity)的小应用程序。

它目前包含:

现在,它有机地增长到我需要重构和对代码库进行整体清理的地步。

我查看了 monorepo 框架的 NX(https://nx.dev/web),它非常有趣,因为它允许在应用程序之间共享代码(特别是类型定义和小型实用程序函数)。

我能够设置 API 和 UI,它可以正常构建和运行,我可以毫无问题地构建 docker 映像。

我面临的挑战是围绕构建 CLI 应用程序。

我怀疑大部分自定义应该发生在workspace.json的架构师/构建部分,但我在理解如何配置它时遇到了一些麻烦,特别是如何使用打字稿构建器(tsc -b)。

我将不胜感激有关如何调用的任何指示tsc -b

CLI 代码库(不含 NX)位于:https ://github.com/Fgerthoffert/jira-agile-velocity/tree/master/cli

NX 部分仍然是标准的,我使用以下方法生成了 CLI 文件夹:

非常感谢。

0 投票
0 回答
42 浏览

visual-studio-code - 在 WSL2 上使用 xplat 'ng g 模式'?

我是一个新手,试图在 Windows 10 WSL2 中使用 NX 和xplat原理图和 VS Code 设置一个 monorepo 开发环境......它几乎可以工作:) 但是在安装 xplat 时说:

xplat 是正确的 - WSL2 中不存在该文件。(并且更改 VS Code 设置不会创建它。标准 VS Code 设置位置也不存在($HOME/.config/Code/User/settings.json)。我怀疑原理图在 WSL2 端运行,但设置存储在 Windows 端(在%APPDATA%\Code\User\settings.json)。

这导致的直接问题是非 Web 应用程序/等的文件被排除在 VS Code 之外;修复方法是在 Windows 端编辑 settings.json(手动清理 files.exclude 设置,或使用 VSC 设置编辑器删除有问题的Files: Exclude模式)。但是,我正在寻找的是一种使用切换模式的方法ng g mode ...- 任何想法或设置?

0 投票
1 回答
110 浏览

angular - Angular 8材料设计仅在服务器重启后

我在使用材料设计学习 Angular 8 时遇到了问题。

我从这里https://material.angular.io/components/input/overview复制粘贴了一个材料设计示例,它看起来像这样:

当我启动我的 Angular 服务器时npm start,站点位于 localhost:4200 上,我可以观看它。它在材料设计中。

材料设计

现在有趣的事情发生了,我不知道发生了什么。保存文件后,即使只是删除了一个字符并读取了它,热重载功能也会启动并重新加载我的网站。现在我看到了:

不是材料设计

我完全不知道我应该给你看什么代码,因为我不知道发生了什么,但是如果你请求任何文件,我可以把那个文件的内容放在这里。

此外,我可以说我正在一个单一的存储库中工作,并且角度项目是由 nrwl 创建的。

我对网络开发完全陌生,所以我不知道发生了什么。

提前致谢。

0 投票
2 回答
312 浏览

angular - nrwl/nx 8.8.0 的 license-webpack-plugin 错误

将 nrwl/nx 升级到 v 8.8.0 后,我收到此错误:

我没有license-webpack-plugin在我的项目中使用(package.json),但package-lock.json我可以看到它是必需的:

  • @angular-devkit/build-angular版本0.803.19
  • @nrwl/node版本8.8.0

如何停用此插件或解决此问题?

0 投票
1 回答
1070 浏览

angular - 我可以在一个 Nx 工作区中将 NX CLI 用于 Angular 和 React 应用程序吗?

我尝试了以下方法,但出现了一些错误。

  1. 创建一个 Nx 工作区:npx create-nx-workspace@latest myworkspace,并选择使用 Angular CLI
  2. 生成角度应用程序:yarn add --dev @nrwl/angular && yarn ng g @nrwl:angular:app myapp-ng 我可以看到angular.json与 Angular CLI 类似的工作区设置,并且yarn start/build一切正常
  3. 添加反应能力:yarn add -D @nrwl/react
  4. 生成另一个反应应用程序:yarn ng g @nrwl/react:app myapp-react 但我收到以下错误,说 Nx 工作区无法识别。

我猜它试图从workspace.json(一个空的 Nx 工作区有这样的设置)中找到工作区配置。

这是 Nx 中的一个错误,还是在一个工作区中同时包含 Angular 和 React 是受支持的情况?我可以找到一些关于它的博客/文档......

更新:

好的,刚刚意识到我在这里犯了一个错误:(

在第 4 步,我正在运行yarn nx g ...而不是ng g .... nx然后在 NG CLI 工作区中使用命令时会出现如下警告:

react 应用程序实际上可以使用 NG CLI 成功创建。而且,我认为警告是有道理的。

0 投票
2 回答
963 浏览

nrwl-nx - create-nx-workspace 的 CLI 参数

是否有一些关于create-nx-workspace需要的论点的文件?我想构建一个可以复制和粘贴的 oneliner 来设置一个新的工作区,而无需询问任何交互式问题。到目前为止我有

接下来它询问我要使用哪种默认样式表格式。而且我不知道如何将其指定为命令行参数。

0 投票
2 回答
5093 浏览

jestjs - 在 CI 中使用打字稿路径开玩笑“找不到模块”

在 Gitlab-CI 环境中,我们的 Jest 测试 2 以Cannot find module.
奇怪的是它可以在我的本地 Win10 机器上运行——即使我在类似的 docker-container ( node 12.12.0) 中运行测试。

这是控制台输出:

我不确定如何正确解释此输出:

  1. permission-group.service.spec.ts: 这是失败的测试
  2. Cannot find module '@cm/utils-server' from 'license.service.ts':
    好的,测试或者它的一些依赖,使用license.service.ts并在license.service.ts文件'@cm/utils-server'中找不到模块。
  3. 错误指示符 ( >at parseLicenseInfo) 是什么意思?
    • 这是用于导入@cm/license-shared- 不是@cm/utils-server如 2 中的错误消息所示
    • @cm/utils-server也是导入的,但第 14 行下面有 2 行:所以这可能只是一个开玩笑的错误吗?
0 投票
1 回答
392 浏览

angular - Nrwl NX:提供从应用程序到库的样式变量

我将直接进入这个想法:

我希望我的 lib 的组件没有特定的颜色。所以我用以下方式设计我的组件:

请注意,我没有$primary在 lib 中的任何位置声明变量。

我在我的应用程序文件夹(style.scss)中执行此操作:

显然,它不起作用,因为我必须将此变量导入到我的 lib 的组件样式中。但是库不应该依赖于应用程序。

所以,问题:

甚至可以从应用程序向库提供变量吗?如果是这样,怎么做?