问题标签 [angular-schematics]

如何将自定义角度组件原理图添加到现有项目？

例如，我想要my-page复制现有\node_modules\@schematics\angular\component\文件但带有编辑模板的组件模板。

angular-cli我希望它可以通过例如ng g my-page pagename带有原理图属性的命令来实现。

目前我修改了现有 Angular 原理图的代码，\node_modules\所以这对我来说很好（直到下一个包安装），但我想与团队分享这个，所以每个人都将使用预定义的模板，这些模板将存储在例如src\team-schematics\.

我如何实现这一目标？

我尝试通过创建新原理图schematics schematic --name my-schematic，将角度原理图复制到\ClientApp\src\app\my-schematic\\并尝试启动$ ng generate my-page --collection \ClientApp\src\app\my-schematic，但到目前为止还没有运气：

Error: Could not find module "\\ClientApp\\src\\app\\my-schematic\\" from "C:\\Users\\xxx\\Projects\\yyy

我正在尝试在 mac（sierra 10.12.6）上安装 angular 的原理图 cli，但是当我尝试在命令行中运行它时出现 command not found 错误。

我在全球范围内安装它：

npm install -g @angular-devkit/schematics-cli

npm list --depth=0 -g 并且可以看到它 被列为全局安装 /usr/local/Cellar/node/10.1.0/lib ├── @angular-devkit/schematics-cli@0.8.1 ├── @angular/cli@6.1.5 ├── @schematics/schematics@0.7.5 ├── npm@6.3.0 ├── rxjs@6.3.1 ├── rxjs-tslint@0.1.5 ├── UNMET PEER DEPENDENCY tslint@^5.0.0 └── UNMET PEER DEPENDENCY typescript@>=2.1.0 || >=2.1.0-dev || >=2.2.0-dev || >=2.3.0-dev || >=2.4.0-dev || >=2.5.0-dev || >=2.6.0-dev || >=2.7.0-dev || >=2.8.0-dev || >=2.9.0-dev 但是，如果我尝试运行一个命令，例如 schematics --help 我得到 -bash: schematics: command not found

关于出了什么问题的任何建议？

我正在尝试创建一个新的角度项目并添加@angular/material原理图。但它失败并出现此错误：

为了创建我的项目并从头开始添加材料原理图，我执行了以下命令：

有任何想法吗 ？谢谢 ！

目前，我正在开发一个 Angular 项目，其中有很多具有相似 HTML 结构的页面。

我有一个固定的 HTML 结构，我所需要的是，每当我创建一个组件时，component.html 文件应该默认包含我的固定 HTML 结构。

我该怎么做，这可能吗？

如果是，请帮忙！

我正在构建自己的自定义原理图。一切都在我的原理图项目上完美运行。但是当我在一个角度项目中导入项目并尝试生成一个组件时，我得到了一个错误。你可以在 npm 上找到这个包：

在我的原理图项目中，我尝试使用以下方式生成它：

在我的角度项目中，我尝试生成：

模式.json

index.js

__name@dasherize__.page.ts

由于这是我的第一个原理图项目，我真的不知道在哪里/在哪里查看此错误。而且我有点震惊，在原理图项目上一切正常，但在角度项目上却不行。

角原理图有一些任务。我想创建自己的任务以使用脚本执行器运行。角度如何做到这一点的一个例子。

目前我只是在原理图的末尾生成预定义的任务。

我正在使用带有 Nativescript Schematics 的 Angular。我已经安装了 nativescript-ui-sidedrawer。当我跑步时

本机版本已编译并部署到设备但是当我运行时

网络版本失败并出现几个错误，都非常相似。第一个是

所有错误都与路径有关。

如果我浏览到上面给出的错误并编辑“component-builder.js”，并将路径更改为

从

然后在运行“ng serve”时，该特定错误不会显示在输出的错误列表中。

但是...当我跑步时

我明白了

如果我在设备上打开应用程序，我会得到

tsconfig.json

tsconfig.tns.json

webpack.config.js

包.json

任何人都可以解释为什么不同的设备需要不同的路径吗？

TIA

我有几个组件，我写了一些安装这些组件的示意图。为了可维护性，我的原理图在一个单独的包中。

将我的原理图从 Angular6 合并到 Angular7 后，找不到我的原理图。

所以在我的组件的“package.json”中：

在“./schematics/collection.json”中：

@my-project/schemics 的“collections.json”：

因此，当执行“ng add @my-project/my-component”时，我收到消息：“在集合“@my-project/my-comonent”中找不到示意图“my-component-install”。然而，在 Angular6 中这行得通。

谁能告诉我如何解决这个问题？

我很久以前使用 angular cli 创建了一个项目。如果我不想在里面创建原理图，它会被创建为一个新项目，所以它看起来像：

我如何整合我现有的项目my-project以作为原理图的根？创建空白原理图后，我想要：

我是，原理图应该被添加到项目中，而不是创建一个新项目。

我有一个自定义 Angular 示意图（在内部 repo 和 NPM 提要上），从命令行调用时不会生成新的工作区和应用程序。我附上了一个 GIF，它显示了当我运行自定义原理图时缺少的行为，即没有带有 CREATE 命令的文件树，以及当我尝试执行不存在的自定义原理图集合时的行为。

看起来自定义原理图名称是有效的，但还有一些其他未观察到的错误。以前有没有人遇到过这种行为，或者对我如何调试这个问题有一些建议？