TypeScript错误不会满足

Question

我正在使用TypeScript 2.5.2。 我已经尝试降级到TypeScript 2.2.2，相同的代码已经在另一个项目上工作。

**错误： 档案：Weather.tsx＆＃39; 严重性：＆＃39;错误＆＃39; 信息： ＆＃39;类型的参数＆＃39;（响应：IListItem）=＆gt;空隙＆＃39;不能分配给类型的参数 ＆＃39;（价值：{天气：IListItem;}）=＆gt;无效| PromiseLike＆＃39 ;.   参数类型＆＃39;响应＆＃39;和＆＃39;价值＆＃39;是不相容的。

输入＆＃39; {天气：IListItem; }＆＃39;没有与类型＆＃39; IListItem＆＃39;。＆＃39; **

相同的属性

语法有什么问题？

GitHub

上的源代码

Answer 1

仅查看这些类型而不是代码的其余部分：.then((response: HttpClientResponse): Promise<{weather: IListItem}>中的type参数指定响应是具有weather类型IListItem属性的对象，而不是IListItem所期望的.then((response: IListItem): void => {，这解释了类型错误。

如果api响应确实是一个对象，您可以将后者更改为.then((response: {weather: IListItem})并将.weather添加到正文中response的每个外观中（或者甚至简单地在没有类型的情况下进行解构注释：then(({weather}): void => {并使用weather代替response。）

另一方面，如果api只返回IListItem，您可以将前者更改为.then((response: HttpClientResponse): Promise<IListItem> => {。