Angular2: l'applicazione si arresta in modo anomalo/non risponde dopo aver rilevato un'eccezione/errore

Question

Come dire ad Angular di non bloccare l'intera applicazione quando incontra un'eccezione?

Non sono sicuro se è possibile anche perché Google non mi ha illuminato su questo. Ma sembra fondamentale per qualsiasi applicazione web a pagina singola.

Angolare è veloce e tutto ma ogni volta che incontra un'eccezione e genera un errore, l'applicazione completa non risponde.

so che in Javascript

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

potrebbe risolvere il problema.

Ma voglio solo sapere se esiste una soluzione specifica Angolare o una soluzione alternativa?

Answer 1

Nella versione angolare 2 finale, è possibile implementare personalizzato 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

aggiornamento 2.0.0 RC.6 cambiato il nome da ExceptionHandler a ErrorHandler e call a handleError

@Injectable() 
class MyErrorHandler implements ErrorHandler { 

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


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

Vedi anche https://angular.io/docs/ts/latest/api/core/index/ErrorHandler-class.html

originale

Implementare un gestore di eccezioni personalizzato 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 {} 

Vedere anche https://github.com/angular/angular/issues/6865 e https://github.com/angular/angular/issues/6565

Non ho provato io stesso, se questo consente all'applicazione di continuare dopo un'eccezione ma penso che vale la pena provare. Dovrebbe essere possibile ricaricare almeno la pagina automaticamente.

Generalmente l'eccezione deve essere gestita il più vicino possibile alla causa quando c'è un modo per recuperare.

Answer 3

ho cercato di attuare gestore personalizzato di eccezione come indicato dal @ GünterZöchbauer

e questo ha funzionato per me

---

bootstrap l'applicazione con 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

Credo che il problema può verificarsi quando si utilizza RxJS osservabili, che unsubscribe quando incontrano alcun errore. Se questo è il caso per voi, potrebbe essere necessario:

1. intercettare l'eccezione all'interno onNext gestore 's la .subscribe con try...catch invece che all'interno onError gestore.
2. Riscriviti in .subscribe nel gestore onError.