我有一个自定义 Angular 示意图(在内部 repo 和 NPM 提要上),从命令行调用时不会生成新的工作区和应用程序。我附上了一个 GIF,它显示了当我运行自定义原理图时缺少的行为,即没有带有 CREATE 命令的文件树,以及当我尝试执行不存在的自定义原理图集合时的行为。
看起来自定义原理图名称是有效的,但还有一些其他未观察到的错误。以前有没有人遇到过这种行为,或者对我如何调试这个问题有一些建议?
我有一个自定义 Angular 示意图(在内部 repo 和 NPM 提要上),从命令行调用时不会生成新的工作区和应用程序。我附上了一个 GIF,它显示了当我运行自定义原理图时缺少的行为,即没有带有 CREATE 命令的文件树,以及当我尝试执行不存在的自定义原理图集合时的行为。
看起来自定义原理图名称是有效的,但还有一些其他未观察到的错误。以前有没有人遇到过这种行为,或者对我如何调试这个问题有一些建议?
对于调试,您可以按照 Node调试指南中的说明使用您选择的工具。我个人更喜欢Chrome Inspectornode --inspect-brk ng serve
,例如从控制台运行并打开 Chrome。
我的问题的根本原因似乎是一个非常混乱的 NPM 安装,最终通过卸载 NPM、Node 和NVM(节点版本管理器)、删除任何 NPM 缓存并最终仅重新安装 NVM 来解决。这样做的最终结果是在我的工作站上一致、稳定地全局安装了 Angular CLI。
我已经能够在 VS Code 中调试我的 Jasmine 测试,以查看应用程序是使用正确的结构和资产生成的,所以这里有一些关于在 VS Code 中调试原理图的更新信息(我不得不从Angular CLI 自述文件中稍微修改说明为原理图工作。
启动.json
{
"type": "node",
"request": "launch",
"name": "Schematics debugger",
"program": "${workspaceFolder}/node_modules/@angular-devkit/schematics-cli/bin/schematics.js",
"args": [
".:ng-new",
"--name=imo-default"
],
"outFiles": [
"${workspaceFolder/**/*.js}"
],
"preLaunchTask": "npm:run:build"
}
任务.json
{
"identifier": "npm:run:build",
"type": "npm",
"script": "build",
"problemMatcher": []
}
我的Schematic-Demo GitHub存储库中提供了完整的 VS 代码调试文件。