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 包来继续前进会更好吗？

如果需要，很高兴包含更多信息。

谢！

标签： javascriptangulartypescriptobserver-pattern

Answer 1

我遇到了同样的问题，因为我的 tsconfig 文件中有空的“类型”数组。通过将“resize-observer-browser”添加到 types 数组来解决：

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "typeRoots": ["node_modules/@types"],
    "types": ["resize-observer-browser"],
  }
}