Цепочка обещаний не разрешается; как правильно исправить? - PullRequest
Новая
       107

Цепочка обещаний не разрешается; как правильно исправить?

2 голосов
/ 12 июля 2020

Я использую накопительный пакет для создания веб-пакета для моей страницы. У меня есть одна цепочка обещаний, которая работает нормально, но другая пытается загрузить карту, которая не выполняется.

Я установил точки останова и вижу разрыв в последней строке p().then((m)=>console.log) и Q.spread(...), но другие обещанные методы не выполняются.

Как я не могу принудительно выполнить обещание?

Вот мой код: 

'use strict';

import Q from 'q';
import GoogleMapsApiLoader from 'google-maps-api-loader';

var getPositionIP = function() {
    return new Q( (res,rej) => {
        let oReq = new XMLHttpRequest();
        oReq.onload = function (e) {
            let loc = { coords: e };
            res(loc);
        }
        oReq.open("GET","https://json.geoiplookup.io/");
        oReq.responseType = "json";
        oreq.send();
    });
};

var getPositionGPS = function(options) {
    return new Q( function(resolve, reject) {
        if( navigator.geolocation ) {
            navigator.geolocation.getCurrentPosition(resolve,reject,options);
        } else {
            reject();
        }
    });
};

let mapEngine = GoogleMapsApiLoader({
    libraries: [],
    apiKey: '<<google maps key>>'
});

let positionEngine = function() {
    return getPositionGPS({})
        .catch(() => getPositionIP());
};

let p = function() { 
    return Q.spread(positionEngine, mapEngine).then((pos,map) => {
        var mapcontainer = document.getElementById("map");
        return new map.Map(mapcontainer, {
            center: {lat: pos.coords.latitude, lng: pos.coords.longitude},
            zoom: 8
        }); 
    });
};

p().then((m)=>console.log);

1 Ответ

2 голосов
/ 12 июля 2020

Это не то, как Q.spread будет работать. Обещание по-прежнему разрешается только до одного значения, spread касается того, как будет вызываться обратный вызов. Согласно документам, вам нужно будет написать либо 

return Q.spread([positionEngine, mapEngine], (pos, map) => {

, либо 

return Q.all([positionEngine, mapEngine]).spread((pos, map) => {

Однако современный подход заключается в использовании синтаксиса деструктуризации параметров: 

return Q.all([positionEngine, mapEngine]).then(([pos, map]) => {

что также будет работать при переходе на обещания ES6.

...