问题标签 [angular-schematics]

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 投票
2 回答
1789 浏览

angular - 如何创建自定义原理图以构建新的 Angular 项目

我正在尝试创建一个无需先执行“ng new project-name”然后运行“ng g my-schematic”即可运行的新原理图

当我什至在本地运行我的原理图时,我必须首先将我的 CLI 的 defaultCollection 设置为我的原理图,这没有意义,我不确定为什么会发生这种情况。

我得到的错误是“在@schematics/angular 中找不到我的示意图”

我的原理图非常简单,我希望它能够运行并在运行时生成项目的整个脚手架。

有没有一种已知且简单的方法来实现这一点?我不确定尝试“扩展”“新”原理图或使用“ng new project-name collection=my-schematic”是否可行?

如果这些选项中的任何一个都是可能的,那么就传入的树而言,这意味着什么,以及如何操纵它来生成包含在“./files”库中的文件?

谢谢!

0 投票
1 回答
131 浏览

angular - 为什么链接到原理图与安装原理图时会有不同的行为?

我有一个 Angular Schematic,当我安装它与我在硬盘驱动器上链接到它时,它的工作方式不同。

重现步骤:

  1. 使用 Angular CLI 创建一个新的 Angular 应用程序:ng new --routing --style css
  2. 添加我的原理图并运行它:

当它应该创建和更新更多文件时,这只会更新一些文件。

但是,如果我npm link @oktadev/schematics在我的项目中运行,然后运行ng g @oktadev/schematics:add-auth,它可以工作。

如果您想尝试重现该问题,可以在https://github.com/oktadeveloper/schematics找到该项目。npmjs.com 上发布的代码与当前 master 分支上的代码相同。

为什么我安装它与链接到它时的行为不同?

0 投票
1 回答
339 浏览

angular - ClassOptions Schema - Angular Schematics

在 @angular-devkit/schematics自述文件中,我对 ClassOptions 在做什么感到困惑。

如果将代码添加到项目中,则会显示错误,因为该文件不存在。

关于这用于+示例的想法?

0 投票
4 回答
683 浏览

angular-schematics - 将集合传递到自定义角度示意图?

我想创建一个可以接受一组动作名称的自定义角度示意图。然后,我将为用户提供的每个操作名称生成 3 个 ngrx 操作。

例如,我想创建一个可以像这样调用的原理图:

然后,我将为 GetById、GetByIdSuccess、GetByIdError、GetByFirstName、GetByFirstNameSuccess、GetByFirstNameError 生成代码。

问题是我只看到了将接受单个值作为输入参数的角度示意图。任何人都知道如何在自定义角度示意图中处理集合?

0 投票
5 回答
2096 浏览

angular - Angular Schematics:如何在 schema.json 中定义默认变量?(项目名称)

如何在 schema.json 中定义角度示意图“属性”的默认变量?

我试图研究角度源代码本身,但我无法弄清楚。我发现如果使用关键字“$source”,它前面的字符串会以某种方式解析为某个值。

例如,“argv”和“projectName”是两个变量,当他们这样写时,它们将被解析为实际值:

或者

那么如何定义自己的变量呢?它们实际上是变量吗?还有哪些可用的变量?

如果我将其复制粘贴到我自己的项目中,我还发现了另一个不起作用的示例:

在这里找到完整的代码

根据我的观察,我希望这可以解决一个值,但我不相信。

提前谢谢各位!

0 投票
1 回答
429 浏览

nativescript - 错误:找不到应用程序入口点文件

我使用此链接https://blog.angular.io/apps-that-work-natively-on-the-web-and-mobile-9b26852495e7创建了一个新的共享应用程序,并在浏览器上正确显示了站点。但是当我构建apk并安装在移动设备中时,它显示错误“找不到应用程序入口点文件”

我遵循的命令:

ng new --collection=@nativescript/schematics --name=my-app --shared

cd 我的应用程序

tns 构建安卓

---> 生成了我尝试在移动设备上运行但出错的 apk 文件。

0 投票
1 回答
100 浏览

angular - 是否可以从 Create React App 或 Vue CLI 创建内存树?

我创建了一个易于测试的原理图,因为 Angular CLI 是基于原理图的。要创建我可以检查的文件树,我所要做的就是设置appTree如下:

在 React 或 Vue 项目(分别使用 Create React App 和 Vue CLI 生成)上测试我的应用程序时,是否可以创建类似的文件树?

如果没有,有没有办法将package.json文件加载到树中?这是我要加载的主文件,以便查找依赖项并从我的 Schematic 中选择 Angular、React 或 Vue 模板。

0 投票
1 回答
324 浏览

angular - Angular 7:生成 @angular/material 组件给 sass 文件与 css 语法

在使用 Angular CLI 生成一个新项目并选择 SASS 之后:

用 ng 添加材料:

最后生成材料的导航栏组件:

给我们一个带有 css 语法的 main-nav.component.sass:

任何人都知道是否可以使用 sass 语法从 @angular/material 生成?

谢谢

0 投票
2 回答
201 浏览

angular - 角度示意图 - 文件未安装

我正在构建一个 Angular 自定义原理图。我创建了 files 目录,它看起来像这样:

文件目录
我正在尝试将此组件添加到最终应用程序中。我的索引文件如下所示:

之后我这样调用这个函数:

]); }

当我在本地使用 npm 链接对其进行测试时-效果很好。一切都创建得很好。

但是当我发布它 npm 并从 npm 安装它时 - 除了 ts 文件之外的所有文件都被创建:

而且我没有收到任何警告。

我在这里想念什么?

0 投票
1 回答
774 浏览

angular-schematics - 原理图“my-comp”无法解析工厂

我正在关注这本书:https ://github.com/manfredsteyer/schematics-sample

当我执行我的原理图时

schematics .:my-comp

我收到以下错误:

这是我工厂的一部分:

我的 collectionion.json