javascript - 在 Angular 9 中使用 Typescript 查找 ResizeObserver

Question

我正在尝试在 Angular 应用程序中实现 ResizeObserver:

const obs = new ResizeObserver(e => {
      // ...
});

...并且遇到了 TS 错误:

TS2304: Cannot find name 'ResizeObserver'.

我尝试用以下方法更新我的类型定义:

@types/resize-observer-browser

...但是我的问题仍然存在。是否有建议的解决方案或常见的解决方法，或者使用像“resize-observer”这样的 NPM 包来继续前进会更好吗？

很高兴在需要时提供更多信息。

谢谢!

Answer 1

我建议使用resize-observer-polyfill它有类型(在 d.ts 文件中)，如果浏览器支持 Resize Observer，它只使用 native 实现，但它具有更大的支持，因为它使用 Mutation Observer 作为具有更大支持的后备。

所以只需使用:

import ResizeObserver from 'resize-observer-polyfill';

浏览器支持比较:

• Resize Observer
• Mutation Observer

如您所见，Mutation Observer 甚至可以在 IE 11 中工作。