问题标签 [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 回答
247 浏览

angular - 创建新应用程序和库时出现@nrwl/nx 错误

在通过 nrwl 的 nx 创建新的库或应用程序期间,我遇到了似乎源于 linting 的错误。

我采用了一个现有的 angular/cli 项目并向其中添加了@nrwl/schematics(通过ng add @nrwl/schematics命令)。

然后我尝试添加一个新应用程序:ng add app new-app.

这会导致以下错误:

nx format:write "--untracked" "--quiet"

并且指定的错误是针对 Angular html 模板的 - 针对每个 Angular 符号(例如 [counter]=...、*ngIf、#menu 分别显示 [、* 和 # 的错误)。

知道这可能是如何发生的以及如何解决这个问题吗?这是否重要,因为似乎无论如何都在创建文件?

更新:当我将 *.html 添加到.prettierignore文件中时,不会出现错误。看起来更漂亮的规则“捕获”角度模板语法作为错误。知道如何解决这个问题吗?

更新#2:想通了 - 更漂亮的版本是旧的。从 1.15.x 版本开始提供对 prettier 的 Angular HTML 支持。

0 投票
1 回答
157 浏览

angular - Nx 工作区 + 本地存储

我有一个正在进行的项目,我们使用 Nrwl Nx 工作区在不同的应用程序(web、ionic 4、electron)之间共享代码库。

为应用程序实现本地存储的正确方法是什么?我可以在所有这些应用程序中使用@ionic/storage,还是推荐其他跨平台的库?我应该为不同的应用程序/库创建不同的实现吗?

欢迎提出想法和提示,
谢谢,
Yianen

0 投票
1 回答
336 浏览

angular - 在NRWL中的多个应用程序中放置定义文件的位置

我正在使用 NRWL 来管理我的项目。目前,我有两个项目使用打字稿的自定义定义文件。说,我有json-typings.d.tscustom.d.ts

例如json-typings.d.ts定义文件是这样的:

来源:https ://hackernoon.com/import-json-into-typescript-8d465beded79

因此,每当我运行 app-project-1 或 app-project-2 时,我都需要将这两个自定义定义文件放在每个文件中,进行重复;或者最糟糕的是,只要我为项目服务,就移动它们。我什至尝试将它们放在 libs 或应用程序文件夹中,但仍然无法正常工作。

有没有办法做到这一点?

谢谢

0 投票
1 回答
2003 浏览

angular - 在 Angular 中包含共享资源

我创建了一个 Angular 工作区,它托管多个 Angular 项目和库。

在工作区中,我有一个包含所有资产(图像和徽标)的共享库。

“项目/xxx-shared/src/lib/images”

但是在构建应用程序时会引发错误:-

资产路径必须以项目源根目录开头。

实现这一目标的预期配置是什么。

0 投票
1 回答
1431 浏览

angular - 设置 nrwl/nx 工作区,带有角通用,cypress 打字问题

TL;博士

运行时yarn webpack:server给我错误Cannot find name 'cy'.

示例 repo: 显示错误的分支


错误描述

嗨,我正在尝试设置一个最小可行的产品项目来测试nrwl/nx 工作区中的角度通用性

大多数设置都是使用带有 nrwl/nx 原理图的 ng cli 完成的:

  • create-nx-workspace nx-workspace-with-ssr --yarn
  • ng g app nx-app(用于测试的 jest 和 cypress)
  • yarn update (update using the nrwl/nx schematic)
  • ng g universal (nrwl/nx schematic for setting up universal)

完成此步骤后,我尝试按照以下指南了解如何构建和提供ssr 应用程序。

我更改了示例脚本中的路径以匹配我的 nx 项目。

运行时yarn webpack:server给我错误Cannot find name 'cy'.

我认为这很奇怪,因为我什至不想从apps/nx-app-e2e/文件夹中构建文件。所以我猜有些tsconfig*文件有问题,但我似乎找不到问题。

设置

失败日志

0 投票
1 回答
977 浏览

angular - NgRx 效果未触发

鉴于这个外观:

这个效果类:

当页面加载时,会调用外观的“loadAll”方法。动作被调度,但适当的效果永远不会被执行。

在我将 NgRx 和 Nrwl 包升级到最新版本之前,这段代码可以正常工作(需要这样做来解决我遇到的“未捕获的 TypeError:ctorParameters.map 不是函数”致命错误)。

我没有看到任何错误,也没有表明失败的网络流量。

有人看到明显的错误吗?

0 投票
1 回答
254 浏览

angular - nrwl - ng generate 给出超出最大调用堆栈大小

超出最大调用堆栈大小

ng generate @nrwl/schematics:library feature-restaurant-profile --parentModule=apps/web-kmeal-restaurant/src/app/app.module.ts --routing --lazy --dry-run --no-interactive

0 投票
1 回答
1055 浏览

angular - Angular MonoRepo Nx - 在应用程序中使用库

情况: 我对 Angular 很陌生,想创建一个包含多个应用程序和库的 Angular 工作区。我按照本教程以 MonoRepo 的形式使用 Nx 创建了一个 Angular 工作区。我按照教程中介绍的步骤创建了一个应用程序和一个库。

所以我有一个名为 first-app 的应用程序和一个名为 first-lib 的库。在 first-lib 中,我有一个组件 first-lib-component。我想在我的 first-app.html 中像这样使用组件或最好的库本身:

我已经在 app.module.ts 中导入了 first-lib,并将 first-lib-module 添加到导入中。

问题: 我想在我创建的应用程序中使用创建的库,这就是我目前失败的地方。我收到一条错误消息,指出“'first-lib-component' 不是已知元素”。

Nx 网站指出:

...库的客户端在同一个存储库中,因此不需要打包和发布步骤。

如果不需要打包,我如何使用我的共享组件/项目(库)?

我的问题: 如何在应用程序中导入和使用库(组件)?

0 投票
1 回答
1480 浏览

angular - nrwl nx 应用程序(Angular7 / Typescript)之间的共享样式(scss)

我正在寻找使用 nx 设置我的第一个 monorepo 并且在概念上正在努力分享样式。

问题域如下。存储库将包含同一客户端的多个应用程序,这些应用程序都必须遵循标准外观。即字体名称、大小、颜色、边距和填充等...

根据 nx 最佳实践,在 nx 工作区中设置它的正确方法是什么

0 投票
1 回答
4116 浏览

node.js - 在基于 nx 的 nodejs 应用程序中使用环境变量

我在 nrwl/nx 工作区中设置了一个包含多个 nodejs 和 Angular 应用程序的项目。

我正在尝试使用 nodejs 应用程序中的环境文件。

我已经像这样设置导入: import {environment} from './environments/environment';

然后我跑了ng serve my-node-app,它显示了非生产环境。

现在我试图ng serve my-node-app --prod看看该应用程序如何与生产设置一起工作 - 但我收到错误:

Configuration 'production' could not be found in project my-node-app.

这是项目的 angular.json 配置:

我错过了什么吗?