angular – Visual Studio代码：node_modules/@types/googlemaps

我按照本教程：
Integrating Google Maps in Angular 5使用Visual Studio Code(Mac上的版本1.24.1)在我的Angular 5应用程序中开始使用Google Maps.直到最近一切都工作正常,但几天前(我的猜测是VS代码的更新发生在后台)我在Visual Studio代码中导入谷歌地图时出错,以前从未给我错误：

import { } from '@types/googlemaps';

我收到以下错误：

File 'full_path/node_modules/@types/googlemaps/index.d.ts' is not a module.

(注意full_path是完整的父路径,为简洁起见,此处未显示)

我可以看到该库位于node_modules目录中的正确位置.此外,我的package.json中正确引用了库(它的版本为3.30.10).我没有运行npm update或其间的任何其他更新,当它工作时和它开始给出错误时.

当我运行“npm start”或“npm run build”时,它运行得很好,应用程序就像之前一样(并且Google Map渲染完美),因此它似乎是Visual Studio Code问题.

从这个意义上来说,它并没有真正阻止我,但是从我的IDE中获取错误会很好.有没有人有任何关于如何摆脱错误的指针？谢谢！

编辑
我在这里读到：How to install TS typings for Google maps有两种可能的解决方案.三重斜杠指令或改变你的tsconfig.json.对我来说,只有三斜杠指令有效：

/// <reference path="<relevant path>/node_modules/@types/googlemaps/index.d.ts" />

仍然会对我可以导入Google地图类型的真正修复感兴趣.

/// <reference types="@types/googlemaps" />

{
  "compileOnSave": false,"compilerOptions": {
    "baseUrl": "./","outDir": "./dist/out-tsc","sourceMap": true,"declaration": false,"moduleResolution": "node","emitDecoratorMetadata": true,"experimentalDecorators": true,"target": "es5","typeRoots": [
      "node_modules/@types"
    ],"lib": [
      "es2017","dom"
    ]
  }
}

import { } from 'googlemaps'; 
import { } from '@types/googlemaps';