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

angular - 如何将 ngrx-store-freeze 与 nx 工作区一起使用

我正在为我的应用程序使用 nx 工作区。我已将所有 reducer 放在 libs 部分,因为它们在多个应用程序之间共享。但是在创建元减速器时,我想使用 ngrx-store-freeze 进行开发。

推荐的方式是使用这一行: export const metaReducers: MetaReducer<State>[] = !environment.production ? [storeFreeze] : [];

但是,当我不知道要导入哪个环境时,我怎么知道应用程序是否是生产环境,因为我不知道哪个应用程序将在 nx 工作区中运行,并且 ngrx 减速器是纯函数,所以我无法注入环境?

0 投票
0 回答
173 浏览

angular - 如何在 nx 库中使用 APP_INITIALIZER?

我有一个使用主视图库的 nx 应用程序外壳,该库依赖于在首次使用之前需要初始化的服务。如果我使用的是原生 Angular,我会使用 APP_INITIALIZER,然后我的提供程序会在引导期间暂停,但我的库没有引导程序。

我不能只是将服务移动到顶级应用程序并进行这项工作,可以吗?较低级别的模块将无法正确看到该服务。这里最好的方法是什么?

0 投票
4 回答
3661 浏览

angular - 为什么 nrwl/nx 比 angular@6 vanilia 更好?

og 的最大优势nrwl/nx是在一个项目中实现多个工作区。现在angular 6也支持它。nxover angular@6的其他优点是什么?

0 投票
1 回答
682 浏览

angular - 运行“纱线受影响的深度图”时获取“提供的无效选项”

我正在创建一个 nx 工作区以了解它是如何工作的,为此我遵循了 nrwl 网站上的入门指南

然后我使用同一个库创建了一个库和两个不同的应用程序。我可以让这两个应用程序都以ng serve appName.

我想测试 nx 默认脚本package.json但没有成功:

有什么办法可以让这些脚本正常工作吗?我错过了什么 ?

0 投票
2 回答
3417 浏览

angular - Angular 6 - 指定延迟加载块的路径

我有一个带有子模块的主模块,最初我想让这些模块快速加载,所以我做了什么:

第一次尝试 - 渴望加载

在我开始使用 aot 编译构建 prod build 之前,它对我来说工作得很好。在那一刻,我遇到了这里提到的问题:https ://github.com/angular/angular-cli/issues/4192

第二次尝试 - 延迟加载

根据我上面链接的票,我开始为模块使用字符串路径,例如

它为每个模块生成单独的包。对于构建,我使用了 angular-cli 命令

因为我的应用程序是我无法使用生成的巨大现有应用程序的一部分,index.html但我使用.ftl了我指定的所有脚本应该从哪里加载的文件,如下所示:

如果您尝试延迟加载,这是一个问题,因为我的构建的输出文件位于不同的文件夹中,那么我.ftl使用的文件而不是index.html问题是,当您在浏览器中打开应用程序时,它会尝试从所在的同一文件夹加载块.ftl并且它们那里不存在。

我的问题是:

  • 有没有办法指定块文件的路径?
  • 或者是否有其他方法可以在不导入子路由的情况下预加载模块并使用它们:children: dashboardRoutes
0 投票
1 回答
94 浏览

angular - 为特定应用程序或库创建块时,webpack 如何了解工作区中的项目特定依赖关系

在最新的 angular-cli 版本中,我们创建了 Workspace,然后在 app(s) 文件夹中我们可以创建应用程序和库等。因此所有应用程序都将指向同一个 node_modules 文件夹。

所以我的问题是,如果工作区中有多个应用程序,webpack 如何或什么基础知道,在构建时哪个依赖项与特定应用程序相关。

它可以根据应用程序中的导入语句来完成,但我想确定一下。

如果您需要详细信息或步骤,或者我的问题不清楚,请告诉我。

0 投票
1 回答
40 浏览

nrwl - 无法生成具有属性的新应用程序

我创建了一个 nx 工作区

然后我尝试使用以下命令添加应用程序

...但我收到以下错误

路径“/apps/ts/pim/src/app/app.component.html”不存在。

0 投票
1 回答
977 浏览

nrwl - 如何为 --inline-style --inline-template 为 nrwl 设置 Angular cli 配置属性

我使用 nrwl 创建了一个角度应用程序。现在我想在应用程序创建后设置组件、指令等的属性。

在可能的角度cli(无nrwl)中,设置模板内联的正确方法是

该命令正确地将以下内容添加到 angular.json 中的属性中

但是生成的属性没有效果——新生成的组件仍然是单独的 .html 和 .css 文件。

在 nrwl 中设置这些配置的正确方法是什么?

0 投票
19 回答
96938 浏览

angular - 找不到 NgModule。使用 skip-import 选项跳过 NgModule 中的导入

当我使用 CLI 创建新组件时,我在这篇文章的主题中遇到错误:(ng g c my-component --project=my-project 未创建组件)

我已经看到其他带有相同错误消息的帖子,但没有一个也包括 Nrwl/Nx,我相信它以某种方式涉及。项目从 Ng4 开始并升级到 Ng6。

环境:

  • 角 CLI:6.0.8
  • 节点:8.9.4
  • 操作系统:win32 x64
  • 角度:6.0.6
  • @angular-devkit/架构师 0.6.8
  • @angular-devkit/build-angular 0.6.8
  • @angular-devkit/build-optimizer 0.6.8
  • @angular-devkit/核心 0.6.8
  • @angular-devkit/schematics 0.6.8
  • @角/cdk 6.3.1
  • @角/cli 6.0.8
  • @角/材料6.3.1
  • @ngtools/webpack 6.0.8
  • @原理图/角度 0.6.1
  • @原理图/更新 0.6.8
  • rxjs 6.2.1
  • 打字稿2.7.2
  • 网络包 4.8.3
  • nrwl/nx 6.1.0

更新#1

我尝试--project完全放弃标志(所以只是ng g c my-component),但仍然遇到同样的问题。还不确定这意味着什么。

0 投票
0 回答
238 浏览

angular - 在 nx 工作区中的 nativescript 中使用自定义打字稿路径时出错

我在使用 nx 工作区中创建的 nativescript 应用程序中的自定义路径时遇到了一些问题。

运行时npm run start.android,我收到以下错误:

Error: com.tns.NativeScriptException: Failed to find module: "@libs/installations/installations.component", relative to: app/tns_modules/

我需要使用自定义打字稿路径(在 tsconfig.json 中设置)以便能够将 nx 工作区中的共享库导入到 nativescript 应用程序中。

示例路径: