问题标签 [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.
angular - 使用 Angular 原理图创建新模块
我们想使用原理图来生成一个功能模块,其中包含我们一遍又一遍地生成的组件。
我已经开始学习本教程:https ://medium.com/@michael.warneke/merging-custom-angular-schematics-c14a303f63b6
但是当我创建__name@dasherize@singularize__.module.ts
文件并尝试构建项目时,我得到了 TS 编译错误。
这是我的文件的样子:
这是错误:
错误 TS6133:声明了“ModuleWithProviders”,但从未读取其值。
angular - 角度示意图:未找到:我的示意图错误
我构建了一个简单的 Angular Schematics,名为:my-schematics。
我能够将(使用 angular cli)我的原理图添加到某个项目中。
运行时ng update my-schematics
出现错误的问题是:
Not found : my-schematic
.
我不确定为什么。这是我的collection.json
:
angular - 如何扩展现有的角度示意图
我想自定义ng g app
原理图,以便调用ng g app myapp
将创建myapp/src/environments/environment.ts
如下文件:
Nx 文档显示了如何设置,但没有显示任何代码示例,我们将不胜感激。
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.json
在ng 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
。拜托了,先谢谢了!!
angular - @angular/schematics:打字稿无法编译
我正在尝试创建自定义原理图。
我创建了一个由原理图生成的模板文件。
这应该使用命令中的输入指定的类名创建文件。
但是当我使用“npm run build”运行时,它会抛出错误
我知道这是打字稿错误,但我正在使用"typescript": "~3.1.6"
应该编译它。
我可能缺少一些基本的东西。这是我第一次尝试@angular/schematics。
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
能够扩展它的原理图?
angular - Angular 7 - 添加自定义 babel 插件来构建链
我想将optional-chaining
babel 插件添加到我的 Angular 7 构建中,但找不到任何文档,说明是否可以.babelrc
向我当前的项目添加一个或原理图以修改/添加自定义插件。
angular - 为什么初始化新项目时 Angular CLI 提示停止工作?
我刚刚安装了 Angular CLI。当我ng new project-name
在命令行上运行时,我会收到一个提示,询问有关 angular-router 和 CSS 设置的安装。但是,当我运行相同的命令来创建其他项目时,我不再有提示,而是应用程序只是被屏蔽了。如何让提示再次显示?
angular - 测试 Angular 原理图更改
我正在尝试测试我的原理图,这需要对其他原理图进行一些初始设置(创建工作区和应用程序),并且我只想查看原理图所做的更改(而不是对所有内容的更改)
设置:
经过一番挖掘,我发现tree.actions
可以让你看到树上发生了什么变化,但它显示了所有的动作(包括所有 Angular 东西的创建)
测试:
我想要的是一种在进行所有更改以设置工作区、应用程序和组件之后“提交”对树的更改的方法,这样我就可以看到更改并对其进行测试。
Angular 测试套件或通用原理图 API 中有什么东西可以让我这样做吗?
angular - 角示意图附加桶文件
我正在为我的项目创建一些角度示意图,以创建所有需要的服务/组件以及所有导入等。问题是我使用索引文件来导入所有服务等,我的结构可能如下所示:
现在,当我在模块中创建第一个组件时效果很好,但是当我创建第二个时,我收到一个错误,告诉我文件 index.ts 存在。我尝试了不同的合并策略,但都没有附加文件,我总是遇到同样的问题。
现在,我将所有 index.ts 文件与其他模板保存在一起。是否有任何好的做法/方法可以做到这一点,或者我是否需要手动查找文件是否存在,如果存在则打开并编辑?还是有“快捷方式”?