Angular 1.6.0: Fehler „Möglicherweise unbehandelte Ablehnung“. [duplicate]

Wir haben ein Muster zum Auflösen von Versprechen in unserer Angular-App, das uns bis Angular 1.6.0 gute Dienste geleistet hat:

    resource.get().$promise
        .then(function (response) {
        // do something with the response
        }, function (error) {
            // pass the error the the error service
            return errorService.handleError(error);
        });

Und so lösen wir den Fehler in Karma aus:

    resourceMock.get = function () {
        var deferred = $q.defer();
        deferred.reject(error);
        return { $promise: deferred.promise };
    };

Jetzt, mit dem Update auf 1.6.0, beschwert sich Angular in unseren Unit-Tests (in Karma) bei abgelehnten Promises plötzlich mit einem „Possably unhandled rejection“-Error. Aber wir behandeln die Ablehnung in der zweiten Funktion, die unseren Fehlerdienst aufruft.

Was genau sucht Angular hier? Wie sollen wir mit der Ablehnung „umgehen“?

Versuchen Sie, diesen Code zu Ihrer Konfiguration hinzuzufügen. Ich hatte einmal ein ähnliches Problem, und diese Problemumgehung hat den Zweck erfüllt.

app.config(['$qProvider', function ($qProvider) {
    $qProvider.errorOnUnhandledRejections(false);
}]);

Der angezeigte Code verarbeitet eine Ablehnung, die vor dem Aufruf von auftritt .then. In einer solchen Situation leiten Sie den 2. Rückruf weiter .then angerufen und die Ablehnung bearbeitet.

Jedochwenn das Versprechen, auf dem Sie anrufen .then erfolgreich ist, ruft es den 1. Callback auf. Wenn dieser Rückruf eine Ausnahme auslöst oder ein abgelehntes Promise zurückgibt, wird diese resultierende Ablehnung nicht behandelt, da der 2. Callback keine vom 1. verursachten Zurückweisungen behandelt. Genau so versprechen Implementierungen, die mit dem konform sind Versprechen/A+ Spezifikationsarbeit und Angular Promises sind konform.

Sie können dies mit folgendem Code veranschaulichen:

function handle(p) {
    p.then(
        () => {
            // This is never caught.
            throw new Error("bar");
        },
        (err) => {
            console.log("rejected with", err);
        });
}

handle(Promise.resolve(1));
// We do catch this rejection.
handle(Promise.reject(new Error("foo")));

Wenn Sie es in Node ausführen, das ebenfalls Promises/A+ entspricht, erhalten Sie:

rejected with Error: foo
    at Object.<anonymous> (/tmp/t10/test.js:12:23)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.runMain (module.js:604:10)
    at run (bootstrap_node.js:394:7)
    at startup (bootstrap_node.js:149:9)
    at bootstrap_node.js:509:3
(node:17426) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 2): Error: bar

Die erste Möglichkeit besteht darin, einen Fehler einfach zu verbergen, indem Sie ihn durch Konfigurieren deaktivieren errorOnUnhandledRejections in der $qProvider-Konfiguration wie vorgeschlagen Cengkuru Michael

ABER dies schaltet nur die Protokollierung aus. Der Fehler selbst bleibt bestehen

Die bessere Lösung in diesem Fall wird – mit einer Absage umgegangen .catch(fn) Methode:

resource.get().$promise
    .then(function (response) {})
    .catch(function (err) {});

LINKS:

• Versprechen
• Winkel:
  • Migration von Angular 1.5 auf 1.6
  • $http: veraltete Callback-Methoden entfernen: ‘success()/error()’

Das Problem wurde durch Zurücksetzen auf Angular 1.5.9 und erneutes Ausführen des Tests gefunden. Es war ein einfaches Injektionsproblem, aber Angular 1.6.0 hat dies ersetzt, indem es stattdessen den Fehler „Possibly Unhandled Rejection“ ausgegeben hat, wodurch der eigentliche Fehler verschleiert wurde.

Um zusätzliches Tippen zu vermeiden .catch(function () {}) In Ihrem Code könnten Sie an mehreren Stellen a hinzufügen decorator zum $exceptionHandler.

Dies ist eine ausführlichere Option als die anderen, aber Sie müssen die Änderung nur an einer Stelle vornehmen.

angular
    .module('app')
    .config(configDecorators);

configDecorators.$inject = ["$provide"];
function configDecorators($provide) {

    $provide.decorator("$exceptionHandler", exceptionHandler);

    exceptionHandler.$inject = ['$delegate', '$injector'];
    function exceptionHandler($delegate, $injector) {
        return function (exception, cause) {

            if ((exception.toString().toLowerCase()).includes("Possibly unhandled rejection".toLowerCase())) {
                console.log(exception); /* optional to log the "Possibly unhandled rejection" */
                return;
            }
            $delegate(exception, cause);
        };
    }
};

Sie könnten das Problem maskieren, indem Sie errorOnUnhandledRejections deaktivieren, aber der Fehler besagt, dass Sie „eine mögliche Ablehnung behandeln“ müssen, also müssen Sie Ihrem Versprechen nur einen Haken hinzufügen.

resource.get().$promise
    .then(function (response) {
    // do something with the response
    }).catch(function (error)) {
        // pass the error to the error service
        return errorService.handleError(error);
    });

Bezug: https://github.com/angular-ui/ui-router/issues/2889

Bitte überprüfen Sie die Antwort hier:

Möglicherweise unbehandelte Ablehnung in Angular 1.6

Dies wurde mit behoben 316f60f und der Fix ist in der enthalten Version v1.6.1.