为什么尝试添加组件时Angular CLI会出现如下报错？

首先明确一个基础认知：Bootstrap是前端UI框架，不属于后端技术，你可以根据自身学习进度选择Node.js、Spring Boot等技术栈开发后端接口，配合Angular前端完成登录注册的全栈功能。

针对新建Angular项目添加组件时的报错，按以下步骤排查即可解决：

• 确认命令执行路径正确：必须在Angular项目的根目录（包含angular.json文件的文件夹）下执行生成组件的命令，在项目外层目录、src子目录等其他路径执行都会触发报错。
• 检查Angular CLI版本兼容性：执行ng version查看全局安装的Angular CLI版本，再打开项目根目录的package.json文件，核对@angular/cli依赖的版本号，两者大版本必须完全一致，否则会出现兼容类报错。如果版本不匹配，先执行npm uninstall -g @angular/cli卸载全局CLI，再执行npm install -g @angular/cli@<你的项目版本号>安装对应版本的全局CLI。
• 修复依赖损坏问题：删除项目根目录下的node_modules文件夹和package-lock.json文件，重新执行npm install安装所有依赖，避免依赖缺失或损坏导致的组件生成失败。
• 确保组件生成命令正确：标准命令为ng generate component 组件名称，也可以使用简写ng g c 组件名称，组件名称不要使用中文、特殊字符，也不要和Angular内置关键字重名。
• 检查项目存放路径：不要将Angular项目放在包含中文、空格或特殊字符的路径下，路径异常会导致Angular CLI读取配置文件失败触发报错。

内容的提问来源于stack exchange，提问作者Lakmali Alakolanga