问题标签 [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.
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 支持。
angular - Nx 工作区 + 本地存储
我有一个正在进行的项目,我们使用 Nrwl Nx 工作区在不同的应用程序(web、ionic 4、electron)之间共享代码库。
为应用程序实现本地存储的正确方法是什么?我可以在所有这些应用程序中使用@ionic/storage,还是推荐其他跨平台的库?我应该为不同的应用程序/库创建不同的实现吗?
欢迎提出想法和提示,
谢谢,
Yianen
angular - 在NRWL中的多个应用程序中放置定义文件的位置
我正在使用 NRWL 来管理我的项目。目前,我有两个项目使用打字稿的自定义定义文件。说,我有json-typings.d.ts和custom.d.ts。
例如json-typings.d.ts定义文件是这样的:
来源:https ://hackernoon.com/import-json-into-typescript-8d465beded79
因此,每当我运行 app-project-1 或 app-project-2 时,我都需要将这两个自定义定义文件放在每个文件中,进行重复;或者最糟糕的是,只要我为项目服务,就移动它们。我什至尝试将它们放在 libs 或应用程序文件夹中,但仍然无法正常工作。
有没有办法做到这一点?
谢谢
angular - 在 Angular 中包含共享资源
我创建了一个 Angular 工作区,它托管多个 Angular 项目和库。
在工作区中,我有一个包含所有资产(图像和徽标)的共享库。
“项目/xxx-shared/src/lib/images”
但是在构建应用程序时会引发错误:-
资产路径必须以项目源根目录开头。
实现这一目标的预期配置是什么。
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*
文件有问题,但我似乎找不到问题。
设置
失败日志
angular - NgRx 效果未触发
鉴于这个外观:
这个效果类:
当页面加载时,会调用外观的“loadAll”方法。动作被调度,但适当的效果永远不会被执行。
在我将 NgRx 和 Nrwl 包升级到最新版本之前,这段代码可以正常工作(需要这样做来解决我遇到的“未捕获的 TypeError:ctorParameters.map 不是函数”致命错误)。
我没有看到任何错误,也没有表明失败的网络流量。
有人看到明显的错误吗?
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
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 网站指出:
...库的客户端在同一个存储库中,因此不需要打包和发布步骤。
如果不需要打包,我如何使用我的共享组件/项目(库)?
我的问题: 如何在应用程序中导入和使用库(组件)?
angular - nrwl nx 应用程序(Angular7 / Typescript)之间的共享样式(scss)
我正在寻找使用 nx 设置我的第一个 monorepo 并且在概念上正在努力分享样式。
问题域如下。存储库将包含同一客户端的多个应用程序,这些应用程序都必须遵循标准外观。即字体名称、大小、颜色、边距和填充等...
根据 nx 最佳实践,在 nx 工作区中设置它的正确方法是什么
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 配置:
我错过了什么吗?