Angular 15组件库兼容Angular 16的peerDependencies配置问题

1. 配置兼容多版本的peerDependencies #

要让你的库同时兼容Angular 15和16，别用^15.2.9这种范围——它只会匹配15.x的小版本升级，不包含16.x。正确的版本范围应该写>=15.2.9 <17.0.0，这样既覆盖你开发时的基础版本15.2.9，又包含所有16.x版本，同时排除还没验证的17及以上版本。

具体在package.json里这么写：

"peerDependencies": {
  "@angular/core": ">=15.2.9 <17.0.0",
  "@angular/common": ">=15.2.9 <17.0.0",
  // 其他你用到的Angular依赖（比如@angular/forms、@angular/router等）都按这个格式配置
}

2. peerDependencies与devDependencies的关系 #

• devDependencies是你开发组件库时自己用的依赖，建议锁定你实际开发的基础版本（比如^15.2.9），这样你本地开发环境用的是15.x的最新稳定小版本，保证开发时的一致性。
• peerDependencies是对外声明的、宿主项目需要满足的依赖版本范围，和devDependencies不需要完全一致，但你要确保：你在devDependencies环境下开发的代码，能在peerDependencies覆盖的所有版本中正常运行。
• 额外提醒：检查你的代码有没有用Angular 15特有的、在16中被移除或废弃的API，如果有，要么替换成兼容API，要么在文档里说明限制。

3. 验证配置有效性 #

调整完配置后，按下面步骤验证：

• 本地打包组件库：ng build your-library-name
• 分别创建Angular 15和16的测试项目，安装打包好的库文件，不用加--legacy-peer-deps，确认安装过程无依赖错误
• 在两个测试项目中引入并使用你的组件，检查功能是否正常运行

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