Angular 18升级时angular-resize-event库的兼容性问题咨询

嗨，我来帮你分析下这个升级遇到的问题~

首先说结论：直接继续使用两年没更新的angular-resize-event库适配Angular18，大概率会持续遇到兼容性问题，原因如下：

• 这个库最后更新是2年前，对应的Angular版本应该是14/15左右，而Angular16及以上对IVY编译机制做了不少严格调整，包括依赖版本校验、模板类型检查、指令注册逻辑等，旧库的代码结构和依赖声明很难适配这些新规则。
• 你用npm i --legacy-peer-deps只是跳过了依赖版本冲突的安装校验，但库本身的代码逻辑并没有适配新的Angular API，所以编译时的IVY错误本质上是代码兼容性问题，不是安装问题，这个命令解决不了根本问题。

如果你实在想尝试保留这个库，可以试试这两个临时方案，但不建议长期使用：

• 去这个库的代码仓库看看有没有社区贡献的Angular16+兼容PR，或者有没有已经适配高版本的fork分支，拉取源码自行编译后引入项目
• 在项目的tsconfig.json里调整IVY相关配置，比如把strictTemplates设为false、skipLibCheck设为true，但这会降低项目的代码质量检查标准，可能埋下其他潜在问题

更稳妥的选择是切换到维护活跃的替代方案，这里推荐几个：

• Angular CDK ResizeObserver：这是Angular官方维护的功能，完全适配所有高版本Angular，用法和你之前的库类似，导入CdkResizeObserver模块后，在模板里用cdkObserveResize指令就能监听元素尺寸变化，可靠性和长期维护都有保障。
• 原生ResizeObserver API：如果不想引入额外依赖，可以直接用浏览器原生的ResizeObserver，自己封装一个简单的指令或者服务，代码量不大，而且现代浏览器都支持，完全可控。
• ngx-resize-observer：这是一个维护活跃的第三方库，适配最新Angular版本，用法和angular-resize-event高度相似，迁移成本很低。

总的来说，从长期维护和稳定性考虑，更建议你切换到上述替代方案，避免后续Angular版本升级再遇到类似的兼容性问题。

备注：内容来源于stack exchange，提问作者Achal Utkarsh