用Angular2找不到gapi函数

时间:2016-10-07 11:15:42

标签: angular typescript typescript-typings gapi

我想使用Google的JS API,因此我将其添加到我的index.html中并使用typings install dt~gapi --global --save安装了这些类型

我的IDE(Webstorm)向我展示变量gapi有authclient作为函数,但它没有显示这两个子函数。当我包括 我的服务顶部的/// <reference path="../../../typings/globals/gapi/index.d.ts" />一切正常。

/// <reference path="../../../typings/globals/gapi/index.d.ts" />
export class foo {
  constructor() {
    gapi.auth.authorize({
      //my config  
    });
  }
}

所以我错过了什么或这是正确的方法吗?

1 个答案:

答案 0 :(得分:0)

我最近遇到了这个问题,以下是一些适用于我的配置:

我正在使用DefinitelyTyped @types/gapi包。

npm install --save-dev @types/gapi

从打字稿docs中,使用/// <reference types="..." />指令在打字稿文件中加载类型:

/// <reference types="gapi" />

我在项目根目录的tsconfig.json文件中拥有的其他配置:

{
  ...
  "compilerOptions": {
    // I thought this was enough to recognize the types
    // but that was not the case
    "typeRoots": ["node_modules/@types"],
    ...
  }
}

确保使用打字稿v2.0或更高版本。