使用 google.maps 时出现打字稿错误 - 'google' 未定义

Question

我在 package.json 中有以下内容

"@types/google.maps": "~3.48.3",

// 在我的 tsx 文件中，顶部的第一行是

/// <reference types='google.maps' />

但是在访问 google.maps.MapMouseEvent 时 - 我收到错误“google”未定义。第 980:43 行：“google”未定义 no-undef

980 号线是

onMarkerDragEnd = async (mapMouseEvent: google.maps.MapMouseEvent) => {

//我也尝试过

/// <reference path='../../../../node_modules/@types/google.maps' />

// 我也在 tsconfig.json 中尝试过

  "compilerOptions": {
    "types": [
      "google.maps"
    ]
  }

但错误仍然存在。我正在使用编译打字稿

react-app-rewired build

寻找有关如何在打字稿中使用 @types/google.maps 的任何提示。

Answer 1

{
    "globals": {
        "google": "readonly"
    }
}

使用最新版本的 typescript，除了 package.json 中的以下内容之外，您不需要任何其他内容。

  devDependencies: {"@types/google.maps": ...}

安装：

npm install -D @types/google.maps

没有三斜杠引用，没有导入，没有compilerOptions.types。