javascript - typescript 2 + Angular googlemaps typescript 定义

Question

我创建了一个简单的 Angular 4/Typescript v2.1.6 应用程序。我正在尝试使用指定的 googlemaps typescript 定义(.d.ts 文件) https://www.npmjs.com/package/@types/googlemaps

我运行了命令

npm install --save @types/googlemaps

然后在我的 app.component.ts 中

import * as googlemaps from "googlemaps";

当我执行

npm start

出现以下错误

error TS2306: File '/home/dev/project/node_modules/@types/googlemaps/index.d.ts' is not a module.

我的 tsconfig.json 文件在 src 文件夹中，node_modules 文件夹与 src 处于同一级别，即:

/home/dev/project
  |_src
    |_app/
    |_tsconfig.json
  |_node_modules/
    |_@types/
      |_googlemaps/

tsconfig.json的内容如下。 (我也尝试过不使用 types/typeRoots 属性)

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "moduleResolution": "node",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": [
      "es2015",
      "dom"
    ],
    "noImplicitAny": true,
    "suppressImplicitAnyIndexErrors": true,
    "typeRoots": [
      "../node_modules/@types"
    ],
    "types": [
      "googlemaps"
    ]
  }
}

我可以确认文件 index.d.ts 也存在于 node_modules/@types/googlemaps/index.d.ts 位置

我不知道我错过了什么？

Answer 1

我安装了一个旧版本的 Typescript，它工作正常!!

我有 typescript 2.9，我安装了 2.6，因为新版本验证了模块的差异。或类似的事情。

npm install typescript@2.6.2

希望能帮到你。问候。