Angular2: Application crashes/перестает отвечать после возникновения ошибки/исключения

Question

Как определить Угловое, чтобы не блокировать все приложение, когда оно встречает исключение?

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

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

Я знаю, что в Javascript

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

может решить эту проблему.

Но я просто хочу знать, есть ли какое-либо Угловое решение или обходное решение?

Answer 1

На угловой 2 окончательной версии вы можете реализовать пользовательский 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

обновление 2.0.0 RC.6 изменил название от ExceptionHandler к ErrorHandler и call к handleError

@Injectable() 
class MyErrorHandler implements ErrorHandler { 

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


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

См также https://angular.io/docs/ts/latest/api/core/index/ErrorHandler-class.html

оригинальный

Реализовать пользовательский обработчик исключений 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 {} 

Смотрите также https://github.com/angular/angular/issues/6865 и https://github.com/angular/angular/issues/6565

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

Как правило, исключение следует рассматривать как можно ближе к причине, когда есть способ восстановления.

Answer 3

Я пытался реализовать пользовательский обработчик исключений в соответствии с указаниями @ GünterZöchbauer

и это работало для меня

---

Bootstrap приложения с 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

Я думаю, что проблема может возникнуть, если вы используете RxJS наблюдаемыми, которые отписать, когда они сталкиваются с какой-либо ошибки. Если это дело для вас, вы, возможно, потребуется:

1. поймать исключение в onNext обработчика .subscribe «s с try...catch вместо внутри onError обработчика.
2. Подпишитесь на .subscribeonError обработчик.