为何Angular在此场景下未抛出选择器冲突错误？

核心原因拆解： #

• 编译阶段的选择器检查逻辑：
  Angular编译器不会主动校验组件选择器的唯一性，只有当你在模板中使用重复选择器时，因为无法确定要实例化哪个组件，才会抛出错误。而你通过DoBootstrap手动引导组件时，是显式指定目标组件，不存在模板中模糊调用的场景，所以编译阶段不会触发报错。

• 运行时的组件引导行为：
  第一次调用bootstrap(AppComponent1)时，Angular会找到index.html里的my-root-app-selector元素，将其替换为AppComponent1的视图内容。此时DOM中已无原始的my-root-app-selector节点，第二次调用bootstrap(AppComponent2)时，找不到匹配的DOM元素，这个组件不会被实际初始化，自然不会出现冲突报错。

验证方式： #

在AppComponent1和AppComponent2的ngOnInit钩子中添加控制台日志，你会发现只有AppComponent1的日志会输出，AppComponent2并未被实例化。

补充说明： #

Angular文档中提到的“不应存在重复选择器”是开发最佳实践，目的是避免模板歧义调用与维护混乱，并非编译器强制限制的规则。如果在模板中直接使用my-root-app-selector，此时Angular才会抛出“无法确定使用哪个组件”的错误。

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