在 TypeScript 中找不到名称“ResizeObserver”错误

Cannot find name ‘ResizeObserver’ error in TypeScript

要解决错误“找不到名称‘ResizeObserver’”，请将DOM字符串添加到您的lib数组中tsconfig.json，并确保
ResizeObserver通过运行安装类型npm i -D @types/resize-observer-browser，并将它们添加到您的types数组中tsconfig.json。

找不到名称 resizeobserver

您需要做的第一件事是确保DOM您lib
已将tsconfig.json.

tsconfig.json文件


{
  "compilerOptions": {
    "lib": [
      "es2017",
      "DOM"
      // ... your other libs
    ],
    // ... your other options
  }
}

该DOM字符串必须位于您的
lib数组中才能获取浏览器 API 的类型。

如果它没有解决您的错误，请ResizeObserver通过在项目的根目录中打开终端并运行以下命令来安装类型。

索引.ts


npm i -D @types/resize-observer-browser

安装for 的类型ResizeObserver后，我们必须将它们添加到我们的
types数组中tsconfig.json。

tsconfig.json文件


{
  "compilerOptions": {
    "lib": [
      "es2017",
      "DOM"
      // ... your other libs
    ],
  "types": ["resize-observer-browser"],
    // ... your other options
  }
}

ResizeObserver在数组中添加 for 的类型后types，错误应该得到解决。

索引.ts


const resizeObserver = new ResizeObserver((entries) => {
  console.log(entries);
});

如果错误未解决，请尝试删除您的node_modules和
package-lock.json文件，重新运行npm install并重新启动您的 IDE。

壳


rm -rf node_modules package-lock.json

npm install

如果错误仍然存在，请确保重新启动 IDE。VSCode 经常出现故障，有时重启可以解决问题。

结论

–