Angular 1.6.0: возможно необработанная ошибка отклонения

Попробуйте добавить этот код в свой конфиг. Однажды у меня была похожая проблема, и этот обходной путь помог.

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

Код, который вы показываете, будет обрабатывать отклонение, которое происходит до вызова .then. В такой ситуации будет вызван второй обратный вызов, который вы передаете .then, и будет обработано отклонение.

Однако, когда обещание, на котором вы вызываете .then, успешно, оно вызывает 1-й обратный вызов. Если этот обратный вызов выдает исключение или возвращает отклоненное обещание, это полученное отклонение не будет обработано, поскольку второй обратный вызов не обрабатывает отклонение по причине первого. Именно так работают реализации промисов, совместимые со спецификацией Promises/A+, а промисы Angular совместимы.

Вы можете проиллюстрировать это с помощью следующего кода:

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")));

Если вы запустите его в Node, который также соответствует Promises/A+, вы получите:

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

Первый вариант — просто скрыть ошибку, отключив ее, настроив errorOnUnhandledRejections в конфигурации $qProvider как предложено Cengkuru Michael

НО это только отключит ведение журнала. Сама ошибка останется

Лучшим решением в этом случае будет обработка отказа методом .catch(fn):

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

ССЫЛКИ:

• Обещание
• Angular:
  • Migrating Angular 1.5 to 1.6
  • https://github.com/angular/angular.js/commit/b54a39e2029005e0572fbd2ac0e8f6a4e5d69014

Нашел проблему, откатившись на Angular 1.5.9 и повторно запустив тест. Это была простая проблема с инъекцией, но Angular 1.6.0 заменил ее, вместо этого выдав ошибку «Возможно необработанный отказ», скрывая фактическую ошибку.

Чтобы избежать необходимости вводить дополнительные .catch(function () {}) в свой код в нескольких местах, вы можете добавить decorator к $exceptionHandler.

Это более подробный вариант, чем другие, но вам нужно внести изменения только в одном месте.

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);
        };
    }
};

Вы можете замаскировать проблему, отключив errorOnUnhandledRejections, но ошибка говорит, что вам нужно «обработать возможный отказ», поэтому вам просто нужно добавить улов к вашему обещанию.

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);
    });

Ссылка: https://github.com/angular-ui/ui-router/issues/2889

Пожалуйста, проверьте ответ здесь:

Возможно, необработанный отказ в Angular 1.6

Это было исправлено с помощью 316f60f, и это исправление включено в выпуск v1.6.1.

Я наблюдал такое же поведение во время выполнения теста. Странно, что на продакшене код работает нормально, а сбоит только на тестах.

Простое решение, чтобы сделать ваши тесты счастливыми, — это добавить catch(angular.noop) к макету обещания. В случае приведенного выше примера это должно выглядеть так:

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

Я также столкнулся с той же проблемой после обновления до Angular 1.6.7, но когда я просмотрел код, для моего случая была выдана ошибка $interval.cancel(interval);.

Моя проблема была решена после того, как я обновил angular-mocks до последней версии (1.7.0).

У меня появилось такое же уведомление после внесения некоторых изменений. Это оказалось из-за того, что я изменил один запрос $http на несколько запросов с использованием службы angularjs $q.

Я не обернул их в массив. например

$q.all(request1, request2).then(...) 

скорее, чем

$q.all([request1, request2]).then(...)

Я надеюсь, что это может сэкономить кому-то время.

Это может быть не ваша конкретная ситуация, но у меня была похожая проблема.

В моем случае я использовал angular-i18n и асинхронно получал словарь локали. Проблема заключалась в том, что файл json, который он получал, имел неправильный отступ (смешение пробелов и вкладок). Запрос GET не завершился ошибкой.

Исправление отступа решило проблему.