问获取请求后访问对象属性时出错？

EN

我在我的角度应用程序中使用天气api，这是api的示例响应。

我通过这个函数获取数据：

getTempByName(name) {
return this.http.get('https://api.weatherbit.io/v2.0/current?' + 'city=' + name + 
'&key=mykey');
}

然后通过以下代码将其分配给一个对象，其中weatherData是我的对象：

weatherData: object;
this.fetch.getTempByName(this.name).subscribe(data => {
  if (data) {
    this.weatherData = data;
  } else {
    this.noty.notify('error', 'The city Name you entered is incorrect');
  }});
}

然后在我的html中，我使用下面的代码来显示数据：

<div class="container" *ngIf="weatherData">
  <p class="country">{{weatherData.data[0].city_name}}</p>
  <p class="temp">{{weatherData.data[0].temp}}°</p>
</div>

当我在本地服务器上运行应用程序时，一切都运行得很顺利，但是一旦我通过这个命令ng build --prod构建了它，我就有了这个错误：

类型'object‘上不存在src/app/weahter-info/weahter-info.component.html(8,22)：属性'data’中的错误。src/app/weahter-info/weahter-info.component.html(9,8)：属性'data‘在类型'object’上不存在。src/app/weahter-info/weahter-info.component.html(10,31)：属性'data‘在类型'object’上不存在。src/app/weahter-info/weahter-info.component.html(11,19)：属性'data‘在类型'object’上不存在。src/app/weahter-info/weahter-info.component.html(14,73)：属性'data‘在类型'object’上不存在。src/app/weahter-info/weahter-info.component.html(17,54)：属性'data‘在类型'object’上不存在。

我试图通过各种方法来忽略错误，但是我做不到，任何帮助都是受欢迎的。