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

Question

我在package.json 中有以下内容

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

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

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

但在访问google.maps.MapMouseEvent时，我发现错误"google"没有定义。第980:43行："谷歌"未定义无未定义

980行为

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

//我也试过

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

//我也试过tsconfig.json

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

但错误依然存在。我正在使用编译打字脚本

react-app-rewired build

查找有关如何在typescript中使用@types/google.maps的提示。

Answer 1

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

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

对于最新版本的typescript，您不需要在包.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例如。