TypeScript错误为TS2339，但属性确实存在

Question

当我使用gulp编译以下响应代码时，我得到了: error Response:属性'accessToken‘在类型’TS2339‘上不存在。Visual Studio2015中的ErrorList窗口为data.accessToken和data.expiryDate报告了相同的错误。当我注释掉引用变量data的两行代码时，代码运行，调试器显示data不是'Response‘类型，而实际上包含属性data.accessToken和data.expiryDate。在Visual Studio中，当我将鼠标悬停在data变量上时，工具提示正确地报告data的类型为any。

为什么TypeScript不能正确地转换它，我该如何解决这个问题？为什么TypeScript认为data是Response类型而不是any类型？我使用的是TypeScript 2.1.4。http.fetch正在使用aurelia fetch客户端documented here

/// <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) });