使用 google.maps 的打字稿错误 - 未定义 \'google\'

Question

我在 package.json 中有以下内容

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

// in my tsx file the first line at the top is

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

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

980行是

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

// I also tried

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

// I also tried in tsconfig.json

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

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

react-app-rewired build

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

Answer 1

no-undef 实际上是一个 eslint 错误，可以用 https://eslint.org/docs/user-guide/configuring/language-options#specifying-globals 修复

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

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

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

安装：

npm install -D @types/google.maps

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

有关示例，请参见https://codesandbox.io/embed/github/googlemaps/js-samples/tree/sample-marker-simple。