정의되지 않은 'geometry'속성을 읽을 수 없습니다.

Question

코드가 제대로 작동하지만이 함수를 호출 할 때마다 모바일 장치에서이 질문의 제목과 동일한 이름의 오류가 계속 발생합니다.

_matchAddresses(id) { 
    fetch('https://myapp.com/rest/jobs/address/' + id) 
    .then((response) => response.json()) 
    .then((responseJson) => { 
    var addresses = []; 
    console.log('addresses: ' + responseJson); 
    for (var i=0; i<responseJson.length; i++) { 
     addresses.push(responseJson[i]); 
     for (var j=0; j<addresses.length; j++) { 
     fetch('https://maps.googleapis.com/maps/api/geocode/json?address='+ addresses[j].split(" ") + '&key=googleapikey') 
     .then((response) => response.json()) 
     .then((responseJson) => { 
      let lat = responseJson.results["0"].geometry.location.lat; //error here 
      let lng = responseJson.results["0"].geometry.location.lng; //error here 
      console.log("coordinates: " + lat + " " + lng); //returns coordinates every time 

      if (this._latMatch(userLat, lat) && this._lngMatch(userLng, lng)) { 
       this._myFunction(); 
       console.log("fire"); 
      } 

     }) 
     .catch((error) => { 
      console.error(error); 
     }); 
    } 
    } 
}); 
} 

위도와 경도가 일부 로깅으로 정의 되었기 때문에 나는 왜 여전히 오류가 발생하는지 이해하지 못합니다. 미리 감사드립니다.

Answer 1

귀하의 results["0"]이 다시 비어 있습니다. 따라서 그 오류가 발생합니다. for 루프를 반복하고 좌표를 성공적으로 인쇄하고 있기 때문에 Google API에 대한 가져 오기 중 적어도 하나가 예상 결과를 반환하지 않는다고 생각합니다. 이를 테스트하려면 액세스하려고 시도하기 전에 결과 개체를 기록하고 오류 이전에 반환 된 개체를 확인하십시오.