VueJS 약속이 실패 함

Question

제품 구성 요소와 제품 소유자 구성 요소가 있습니다. 각 제품은 내가 API 엔드 포인트를 호출하여

나는 제품 목록을 수신하고 일을하려고하고 무엇 소유자

있을 것이다. 약속이 끝나면 제품 목록이 나옵니다. 각 제품에는 OwnerID가 있습니다. 다른 API Endpoint를 호출하여 소유자의 이름을 가져오고 현재 제품 반복에 할당하려고합니다.

내 코드 지금까지 나는, 나는 다음과 같은 오류

Uncaught TypeError: Cannot read property 'then' of undefined 
Uncaught (in promise) TypeError: Promise resolver undefined is not a function(…) 

가 계속 그렇게하려고 할 때마다 나는 지금

에 직면하고있다

<script> 
    var config = require('../config'); 
    export default { 
     data() { 
      return { 
       products: [], 
      } 
     }, 
     ready() { 
      this.getProducts().then(t => { 
       console.log(t); 
      }); 
     }, 
     methods : { 
      getProducts : function() { 
       let url = config.API.GetProduct 

       this.$http.get(url).then(response=> { 
        this.products = response.data.resource; 
        var p = this.products.map(this.getOwner); 
        return Promise.all(p); 

       }, error=> { 
        console.error("An error happened!") 
       }); 
      }, 
      getOwner : function(product) { 
       let url = config.API.GetProductOwnerName.replace('[$$$]', product.OwnerID); 
       var p = new Promise(); 

       this.$http.get(url).then(response => { 
        product.OwnerID = response.data.resource[0].OwnerName; 
        p.resolve(currentObj); 
       }); 

       return p; 

      } 
     } 
     components: {} 
    } 
</script> 

오류 누군가 내가 여기서 뭘 잘못하고 있는지 알려주실 수 있습니까?

감사합니다.

Answer 1

새 약속 개체를 다시 만들 필요가 없습니다. 다음 호출로 전달할 객체를 반환 할 수 있습니다.

getProducts: function() { 
    let url = config.API.GetProduct 

    return this.$http.get(url).then(response => { 
     this.products = response.data.resource; 
     return this.products.map(this.getOwner); 
    }, error=> { 
     console.error("An error happened!") 
    }); 
},