Angular2: Aplikacja ulega awarii/przestaje reagować po napotkaniu wyjątku/błędu

Question

Jak poinformować Angular, aby nie blokował całej aplikacji, gdy napotka wyjątek?

Nie jestem pewien, czy jest to możliwe, ponieważ google mnie o tym nie poinformował. Ale wydaje się krytyczne dla każdej aplikacji internetowej strony.

Kątowy jest szybki i zawsze, gdy napotka wyjątek i zgłasza błąd, kompletna aplikacja przestaje odpowiadać.

wiem, że w JavaScript

try { 
    doSomething(); 
} 
catch(err) { 
    handleErrors(err); 
} 

może rozwiązać ten problem.

Ale chcę tylko wiedzieć, czy istnieje jakieś konkretne rozwiązanie lub obejście Angular?

Answer 1

W wersji kątowej 2 wersji ostatecznej można zaimplementować niestandardową ErrorHandler.

Example From Angular docs:

import {NgModule, ErrorHandler} from '@angular/core'; 

class MyErrorHandler implements ErrorHandler { 
    handleError(error) { 
    // do something with the exception 
    } 
} 

@NgModule({ 
    providers: [{provide: ErrorHandler, useClass: MyErrorHandler}] 
}) 
class MyModule {} 

Answer 2

aktualizacja 2.0.0 RC.6 zmienił nazwę z ExceptionHandler do ErrorHandler i call do handleError

@Injectable() 
class MyErrorHandler implements ErrorHandler { 

    handleError(error) { 
    // do something with the exception 
    } 
} 


@NgModule({ 
    directives: [MyApp], 
    providers: [ 
    {provide: ErrorHandler, useClass: MyErrorHandler} 
    ] 
}) 
export class AppModule {} 

Patrz także https://angular.io/docs/ts/latest/api/core/index/ErrorHandler-class.html

oryginalny

Wdrożenie inny system obsługi wyjątków https://angular.io/docs/ts/latest/api/core/ExceptionHandler-class.html

@Injectable() 
class MyExceptionHandler implements ExceptionHandler { 
    call(error, stackTrace = null, reason = null) { 
    // do something with the exception 
    } 
} 


@NgModule({ 
    directives: [MyApp], 
    providers: [ 
    {provide: ExceptionHandler, useClass: MyExceptionHandler} 
    ] 
}) 
export class AppModule {} 

Zobacz także https://github.com/angular/angular/issues/6865 i https://github.com/angular/angular/issues/6565

nie próbowałem się, czy ten umożliwia aplikację, aby kontynuować po drodze wyjątku, ale myślę, że warto spróbować. Przynajmniej ponowne załadowanie strony powinno być możliwe.

Zasadniczo wyjątek należy traktować tak blisko, jak to możliwe, gdy istnieje sposób na odzyskanie.

Answer 3

starałem się wdrożyć niestandardowy Exception Handler jako reżyserii @ GünterZöchbauer

i ten pracował dla mnie

---

Bootstrap aplikacji z CustomExceptionHandler.

import {ExceptionHandler} from 'angular2/core'; 

class _ArrayLogger { 
    res = []; 

    log(s:any):void { 
    this.res.push(s); 
    } 
    logError(s:any):void { 
    this.res.push(s); 
    } 
    logGroup(s:any):void { 
    this.res.push(s); 
    } 
    logGroupEnd() { 
    if(this.res.length) { 

     //this section executes if any error is logged by angular. 

     //do your stuff here 

     /*e.g 

     if(location.pathname !== 'dashboard') { 
      window.location.href = '/dashboard'; // condition is required to prevent infinite loop 
     } 

     */ 
    } 
    }; 
} 

export class CustomExceptionHandler extends ExceptionHandler { 
    constructor() { 
    super(new _ArrayLogger(), true); 
    } 

    call(error, stackTrace = null, reason = null) { 
    super.call(error, stackTrace, reason); 
    } 
} 

bootstrap(MyApp, [provide(ExceptionHandler, {useClass: CustomExceptionHandler})]) 

Answer 4

Myślę, że problem może wystąpić, jeśli używasz RxJS obserwabli, który wypisania gdy napotkają żadnych błędów. Jeśli tak jest w Twoim przypadku, może zajść potrzeba:

1. połowu wyjątek w ramach .subscribe „s onNext obsługi z try...catch zamiast wewnątrz onError obsługi.
2. Ponownie zasubskrybuj w .subscribe opiekun