TypeScript错误TS2339,但属性确实存在

Question

当我使用gulp编译以下TypeScript代码时,我得到:错误TS2339:类型'Response'上不存在属性'accessToken'.在Visual Studio 2015年ErrorList窗口报告了同样的错误的data.accessToken和data.expiryDate.当我注释掉引用变量的两行时data,代码运行并且调试器显示data不是"响应"类型,并且实际上包含属性data.accessToken和data.expiryDate.在Visual Studio中,当我将鼠标悬停在该data变量,则提示正确地报告的类型data是any.

为什么TypeScript无法正确转换,我该如何解决这个问题呢？为什么TypeScript认为data是类型Response而不是类型any？我正在使用TypeScript 2.1.4.http.fetch使用此处记录的 aurelia fetch客户端

/// <reference path="../typings/index.d.ts" />
import 'fetch';
import {HttpClient, json} from 'aurelia-fetch-client';
import {inject} from 'aurelia-framework';
import {BearerToken} from './common/bearer-token';
export class ApiToken
{
...
    public refreshToken(): Promise<BearerToken>
    {
        let token: BearerToken = new BearerToken();
        token.accessToken = "no_data";
        token.expiryDate = Date.now();

        return this.http.fetch('/Account/getToken')
            .then(response => response.json())
            .then(data =>
            {                
                console.log('ApiToken.refreshToken returned data: ' + data);

                // The next two lines cause build errors. 
                // When commented out the code runs and the debugger shows that
                // data.accessToken and data.expiryDate do exist on data.
                token.accessToken = data.accessToken;
                token.expiryDate = data.expiryDate;           

                return token;
            })
            .then((t) => { return this.saveToken(t) });
    }
...
}

这是我的tsconfig.json文件:

{
  "compileOnSave": false,
  "compilerOptions": {
    "rootDir": "src",
    "outDir": "dist",
    "sourceMap": true,
    "target": "es5",
    "module": "amd",
    "declaration": false,
    "noImplicitAny": false,
    "removeComments": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "lib": ["es2015", "dom"],
    "baseUrl": "./",
    "paths": {
      "src/*": ["src/*"]
    }
  },
  "filesGlob": [
    "./src/**/*.ts",
    "./test/**/*.ts",
    "./typings/index.d.ts",
    "./custom_typings/**/*.d.ts",
    "./jspm_packages/**/*.d.ts"
  ],
  "exclude": [
    "node_modules",
    "jspm_packages",
    "dist",
    "build",
    "test"

  ],
  "atom": {
    "rewriteTsconfig": false
  }
}

我尝试data使用以下内容指定类型,但它没有解决问题,虽然错误消息不同,如下所示:

interface TokenResult
{
    accessToken: string;
    expiryDate: string;
}    

....

public refreshToken(): Promise<BearerToken>
{
    let token: BearerToken = new BearerToken();
    token.accessToken = "no_data";
    token.expiryDate = new Date(Date.now().toString());

    return this.http.fetch('/Account/getToken')
        .then(response => response.json())
        .then((data: TokenResult) =>
        {                
            console.log('ApiToken.refreshToken returned data: ' + data);

            token.accessToken = data.accessToken;
            token.expiryDate = new Date(data.expiryDate); 

            return token;
        })
        .then((t) => { return this.saveToken(t) });
}

错误是:

error TS2345: Argument of type '(data: TokenResult) => BearerToken' is not assignable to parameter of type '(value: Response) => BearerToken | PromiseLike<BearerToken>'.
  Types of parameters 'data' and 'value' are incompatible.
    Type 'Response' is not assignable to type 'TokenResult'.
      Property 'accessToken' is missing in type 'Response'.

Answer 1

我从一个关于gitter的贡献者那里找到了答案.一个演员any然后一个演员TokenResult来做伎俩,如下......

return this.http.fetch('/Account/getToken')
    .then(response => response.json())
    .then((data: any) =>
    {
        console.log('ApiToken.refreshToken returned data: ' + data);

        token.accessToken = (<TokenResult>data).accessToken;
        token.expiryDate = (<TokenResult>data).expiryDate;

        return token;
    })
    .then((t) => { return this.saveToken(t) });