使用最新版Angular开发的组件能否在低版本Angular项目中使用

你描述的直接用最新版Angular开发组件后投入低版本Angular应用使用的方案无法实现，Angular不支持高版本编译后的组件向下兼容低版本宿主应用。

• Angular框架本身仅支持向上兼容：低版本编译的符合规范的组件可以在更高版本的Angular应用中运行，反之则完全不支持。
• 编译格式不兼容：Angular 9及之后的版本默认采用Ivy编译器，而Angular 6仅支持ViewEngine编译产物，高版本默认输出的Ivy格式组件无法被Angular 6、10的运行时识别加载。
• 依赖版本强绑定要求：Angular官方强制要求同一个应用内所有Angular生态包（@angular/core、@angular/common等）的版本必须完全一致，高版本组件依赖的高版本核心包和低版本宿主应用的核心包会直接产生版本冲突，导致应用启动报错。

如果你需要实现同一个组件在Angular 6、10两个应用中复用，可以选择以下任一方案：

• 方案1：将组件开发的Angular版本降级为6，全程使用ViewEngine编译，开发过程中不使用Angular 6之后新增的API，编译后的组件可以同时兼容Angular 6和10的应用。
• 方案2：使用@angular/elements将组件封装为标准Web Component，封装后的产物不依赖Angular运行时，只要宿主浏览器支持自定义元素规范，就可以在任意版本的Angular应用甚至非Angular技术栈的应用中直接使用。
• 方案3：维护两个版本的组件包，分别适配Angular 6和Angular 10的版本规范，该方案维护成本稍高，但可以在组件中使用对应Angular版本的新特性，不会有功能限制。

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