Failed to load resource GraphQL/React

1. Object
   1. data: {}
   2. errors: [GraphQLError]
   3. __proto__: Object

\\Weather Componant

import React, { Component } from 'react'
import { weatherByCity } from '../graphql/queries'
import { API, graphqlOperation } from 'aws-amplify'




class DisplayWeather extends Component {

    componentDidMount = async () => {
        this.getWeather()
    }

    getWeather = async () => {

            const result = await API.graphql(graphqlOperation(weatherByCity))
            console.log('weatherByCity', JSON.stringify(result))

    }

    render() {
        return (
            <div>
                data
            </div>
        )
    }
}

export default DisplayWeather

Select allOpen in new window

//Query.js
/* eslint-disable */
// this is an auto generated file. This will be overwritten

export const weatherByCity = /* GraphQL */ `
  query WeatherByCity($city: String!) {
    weatherByCity(city: $city) {
      timestamp
      location
      condition
      description
      temperature
      pressure
      humidity
      wind_speed
      wind_direction
      cloud_cover
      rain_volume
      snow_volume
    }
  }
`;

Select allOpen in new window