问题标签 [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 投票
1 回答
622 浏览

angular - 使用 Angular 原理图创建新模块

我们想使用原理图来生成一个功能模块,其中包含我们一遍又一遍地生成的组件。

我已经开始学习本教程:https ://medium.com/@michael.warneke/merging-custom-angular-schematics-c14a303f63b6

但是当我创建__name@dasherize@singularize__.module.ts文件并尝试构建项目时,我得到了 TS 编译错误。

这是我的文件的样子:

这是错误:

错误 TS6133:声明了“ModuleWithProviders”,但从未读取其值。

0 投票
3 回答
976 浏览

angular - 角度示意图:未找到:我的示意图错误

我构建了一个简单的 Angular Schematics,名为:my-schematics。

我能够将(使用 angular cli)我的原理图添加到某个项目中。

运行时ng update my-schematics出现错误的问题是: Not found : my-schematic.

我不确定为什么。这是我的collection.json

0 投票
2 回答
2106 浏览

angular - 如何扩展现有的角度示意图

我想自定义ng g app原理图,以便调用ng g app myapp将创建myapp/src/environments/environment.ts如下文件:

Nx 文档显示了如何设置,但没有显示任何代码示例,我们将不胜感激。

0 投票
0 回答
818 浏览

angular - ng 更新未运行 migration.json 示意图

版本

节点--版本 v8.11.3

npm --版本 6.4.1

重现步骤

我有一个私人项目,所以我无法分享回购,所以提前抱歉。我有一个 Angular 项目,我添加了原理图支持,因此我可以使用ng update. 所以我有一个带有migration.json文件的原理图文件夹:

tsconfig.schematics.json

tsconfig.schematics.spec.json

jasmine.json

我有一个ng-update文件夹index.ts

package.json对于我的导航菜单项目:

发布包后,我会尝试nav-menu在使用此包的其他应用程序之一中进行更新。我尝试了许多不同的命令,但似乎没有一个可以migration.jsonng update. 所以我试过:

ng update @solarwinds/nav-menu-with-migration --to=1.0.0-nav-menu-with-migration.3 --migrate-only

我收到以下错误:Incompatible peer dependencies found. See above

所以我尝试使用--force标志,我确实package.json更新了我的文件,但我从来没有看到我的migration.json原理图运行。

g update @solarwinds/nav-menu-with-migration --to=1.0.0-nav-menu-with-migration.3 --force --migrate-only

我不确定为什么我的ng update命令没有运行。我想测试我的migration.json原理图,所以我指出我collection.json的指向,ng-update/index这样当我运行时,ng add @solarwinds/nav-menu-with-migration@1.0.0-nav-menu-with-migration.3我可以查看我的ng-update代码是否工作并且它是否按预期工作(注意:这只是为了测试目的,我不打算用来ng add运行迁移)。这是输出:

有人可以在这里帮我吗ng update。拜托了,先谢谢了!!

https://github.com/angular/angular-cli/issues/13139

0 投票
0 回答
90 浏览

angular - @angular/schematics:打字稿无法编译

我正在尝试创建自定义原理图。

我创建了一个由原理图生成的模板文件。

这应该使用命令中的输入指定的类名创建文件。

但是当我使用“npm run build”运行时,它会抛出错误

我知道这是打字稿错误,但我正在使用"typescript": "~3.1.6"应该编译它。

我可能缺少一些基本的东西。这是我第一次尝试@angular/schematics。

0 投票
1 回答
244 浏览

angular - 以角度编写构建示意图

我想用我自己的方式编写 ngpackagr 原理图。在我的自定义规则中,我执行以下操作:

export function testScehma(_options: any): Rule { return chain([ externalSchematic('@angular-devkit/build-ng-packagr', 'build', _options), (tree: Tree, _context: SchematicContext) => { tree.create('testFile.txt', 'This is a Test!!!'); return tree; } ]); }

然后我尝试运行:ng my-test-lib build

我收到以下错误: Error: Package "@angular-devkit/build-ng-packagr" was found but does not support schematics.

我在哪里可以找到ngpackagr能够扩展它的原理图?

0 投票
2 回答
1535 浏览

angular - Angular 7 - 添加自定义 babel 插件来构建链

我想将optional-chainingbabel 插件添加到我的 Angular 7 构建中,但找不到任何文档,说明是否可以.babelrc向我当前的项目添加一个或原理图以修改/添加自定义插件。

0 投票
0 回答
259 浏览

angular - 为什么初始化新项目时 Angular CLI 提示停止工作?

我刚刚安装了 Angular CLI。当我ng new project-name在命令行上运行时,我会收到一个提示,询问有关 angular-router 和 CSS 设置的安装。但是,当我运行相同的命令来创建其他项目时,我不再有提示,而是应用程序只是被屏蔽了。如何让提示再次显示?

0 投票
0 回答
80 浏览

angular - 测试 Angular 原理图更改

我正在尝试测试我的原理图,这需要对其他原理图进行一些初始设置(创建工作区和应用程序),并且我只想查看原理图所做的更改(而不是对所有内容的更改)

设置:

经过一番挖掘,我发现tree.actions可以让你看到树上发生了什么变化,但它显示了所有的动作(包括所有 Angular 东西的创建)

测试:

我想要的是一种在进行所有更改以设置工作区、应用程序和组件之后“提交”对树的更改的方法,这样我就可以看到更改并对其进行测试。

Angular 测试套件或通用原理图 API 中有什么东西可以让我这样做吗?

0 投票
0 回答
169 浏览

angular - 角示意图附加桶文件

我正在为我的项目创建一些角度示意图,以创建所有需要的服务/组件以及所有导入等。问题是我使用索引文件来导入所有服务等,我的结构可能如下所示:

现在,当我在模块中创建第一个组件时效果很好,但是当我创建第二个时,我收到一个错误,告诉我文件 index.ts 存在。我尝试了不同的合并策略,但都没有附加文件,我总是遇到同样的问题。

现在,我将所有 index.ts 文件与其他模板保存在一起。是否有任何好的做法/方法可以做到这一点,或者我是否需要手动查找文件是否存在,如果存在则打开并编辑?还是有“快捷方式”?