Angular14升级后NG8001错误：已声明组件仍提示未知元素

问题核心 #

升级到Angular 14后，ReadyToTalkComponent已在SharedModule中声明并导出，AppModule也导入了SharedModule，但在模板中使用<app-ready-to-talk>时仍触发NG8001错误，关闭AOT编译（angular.json中设置"aot": false）后错误消失，需找到根本解决办法。

1. 优先解决依赖版本不匹配问题 #

从你的ng version输出可见，@angular-devkit/core、@angular-devkit/schematics和@schematics/angular版本为15.2.8，而Angular核心框架版本是14.3.0、CLI版本是14.2.11，跨版本依赖会导致AOT编译时模块元数据解析异常，这是最可能的诱因。

解决步骤：

• 统一Angular开发工具依赖到14.x版本：

npm install @angular-devkit/core@14.2.11 @angular-devkit/schematics@14.2.11 @schematics/angular@14.2.11 --save-dev

• 清理依赖缓存并重新安装：

rm -rf node_modules package-lock.json
npm cache clean --force
npm install

• 启用AOT重新构建验证：

ng build --aot

2. 检查模块导入的作用域 #

如果WebinarComponent属于独立子模块（而非直接在AppModule的declarations中），该子模块必须单独导入SharedModule——Angular模块作用域是隔离的，父模块的导入不会自动传递给子模块。

检查点：

• 确认WebinarComponent所在模块（比如WebinarModule）的imports数组包含SharedModule
• 确认SharedModule的exports数组正确包含ReadyToTalkComponent，无拼写错误

3. 清理AOT编译缓存 #

Angular的AOT编译缓存可能残留旧模块元数据，导致解析错误。

解决步骤：

• 清理Angular构建缓存：

ng clean

• 手动删除dist目录（若存在）：

rm -rf dist

• 启用AOT重新启动开发服务器：

ng serve --aot

关于CUSTOM_ELEMENTS_SCHEMA的说明 #

CUSTOM_ELEMENTS_SCHEMA仅对当前模块生效，不会被导入它的模块继承。且app-ready-to-talk是Angular组件而非Web Component，添加这个schema只是临时屏蔽错误，并非根本解决方案，不建议依赖。

内容的提问来源于stack exchange，提问作者Jason Javier