问题标签 [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.
nrwl-nx - 将无服务器与 nrwl nx 集成
我对@nrwl/nx 完全陌生,但想在全栈项目中使用它,将 react 和 serverless 作为后端推送功能到云 FaaS。 无服务器
我看到目前没有与 nx 相关的收据。我该如何为我的项目创建一个。我阅读了文档,但我不确定它需要如何完成。如何为此自定义 nx 以便调用
来电
启动离线实例的命令我可以在workspace.json 中做任何覆盖来实现这一点吗?
angular - ng 服务:如何更改检查器端口?
当我ng serve server
从命令行开始时,它失败了:
这是意料之中的,因为实际上已经有另一个实例在运行。
那么如何更改此实例的检查器端口?
我试图将 env-var 设置NODE_OPTIONS
为
'--inspect=7888'
'--inspect=localhost:7888'
两者都没有效果:即它仍然失败
注意:我不想更改应用程序端口:例如ng serve --port 5600
- 它只是关于节点检查器端口
javascript - 如何在 nx 中使用/构建 oclif(CLI 节点应用程序)?
我正在玩一个从 Jira 获取数据、生成指标并将其提供给 React 前端(https://github.com/fgerthoffert/jira-agile-velocity)的小应用程序。
它目前包含:
- 使用 oclif ( https://oclif.io/docs/introduction )构建的 CLI,用于获取和计算数据
- 使用 Nest.js 构建的 API,用于将数据发送到前端
- 使用 React + Typescript 构建的 UI
现在,它有机地增长到我需要重构和对代码库进行整体清理的地步。
我查看了 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 文件夹:
非常感谢。
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 ...
- 任何想法或设置?
angular - Angular 8材料设计仅在服务器重启后
我在使用材料设计学习 Angular 8 时遇到了问题。
我从这里https://material.angular.io/components/input/overview复制粘贴了一个材料设计示例,它看起来像这样:
当我启动我的 Angular 服务器时npm start
,站点位于 localhost:4200 上,我可以观看它。它在材料设计中。
现在有趣的事情发生了,我不知道发生了什么。保存文件后,即使只是删除了一个字符并读取了它,热重载功能也会启动并重新加载我的网站。现在我看到了:
我完全不知道我应该给你看什么代码,因为我不知道发生了什么,但是如果你请求任何文件,我可以把那个文件的内容放在这里。
此外,我可以说我正在一个单一的存储库中工作,并且角度项目是由 nrwl 创建的。
我对网络开发完全陌生,所以我不知道发生了什么。
提前致谢。
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
如何停用此插件或解决此问题?
angular - 我可以在一个 Nx 工作区中将 NX CLI 用于 Angular 和 React 应用程序吗?
我尝试了以下方法,但出现了一些错误。
- 创建一个 Nx 工作区:
npx create-nx-workspace@latest myworkspace
,并选择使用 Angular CLI - 生成角度应用程序:
yarn add --dev @nrwl/angular && yarn ng g @nrwl:angular:app myapp-ng
我可以看到angular.json
与 Angular CLI 类似的工作区设置,并且yarn start/build
一切正常 - 添加反应能力:
yarn add -D @nrwl/react
- 生成另一个反应应用程序:
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 成功创建。而且,我认为警告是有道理的。
nrwl-nx - create-nx-workspace 的 CLI 参数
是否有一些关于create-nx-workspace
需要的论点的文件?我想构建一个可以复制和粘贴的 oneliner 来设置一个新的工作区,而无需询问任何交互式问题。到目前为止我有
接下来它询问我要使用哪种默认样式表格式。而且我不知道如何将其指定为命令行参数。
jestjs - 在 CI 中使用打字稿路径开玩笑“找不到模块”
在 Gitlab-CI 环境中,我们的 Jest 测试 2 以Cannot find module
.
奇怪的是它可以在我的本地 Win10 机器上运行——即使我在类似的 docker-container ( node 12.12.0
) 中运行测试。
这是控制台输出:
我不确定如何正确解释此输出:
permission-group.service.spec.ts
: 这是失败的测试Cannot find module '@cm/utils-server' from 'license.service.ts'
:
好的,测试或者它的一些依赖,使用license.service.ts
并在license.service.ts
文件'@cm/utils-server'
中找不到模块。- 错误指示符 (
>
atparseLicenseInfo
) 是什么意思?- 这是用于导入
@cm/license-shared
- 不是@cm/utils-server
如 2 中的错误消息所示 @cm/utils-server
也是导入的,但第 14 行下面有 2 行:所以这可能只是一个开玩笑的错误吗?
- 这是用于导入
angular - Nrwl NX:提供从应用程序到库的样式变量
我将直接进入这个想法:
我希望我的 lib 的组件没有特定的颜色。所以我用以下方式设计我的组件:
请注意,我没有$primary
在 lib 中的任何位置声明变量。
我在我的应用程序文件夹(style.scss)中执行此操作:
显然,它不起作用,因为我必须将此变量导入到我的 lib 的组件样式中。但是库不应该依赖于应用程序。
所以,问题:
甚至可以从应用程序向库提供变量吗?如果是这样,怎么做?