Angular2: Ứng dụng bị treo/không phản ứng sau khi gặp phải một ngoại lệ/lỗi

Question

Làm thế nào để báo cho Angular không chặn toàn bộ ứng dụng khi nó gặp phải một ngoại lệ?

Tôi không chắc liệu điều đó có thể xảy ra hay không vì Google không khai sáng cho tôi về điều này. Nhưng nó có vẻ quan trọng đối với bất kỳ ứng dụng web trang đơn nào.

Góc là nhanh và tất cả trừ khi gặp phải ngoại lệ và ném lỗi, ứng dụng hoàn chỉnh trở nên không phản hồi.

Tôi biết rằng trong Javascript

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

có thể giải quyết vấn đề.

Nhưng tôi chỉ muốn biết liệu có bất kỳ giải pháp hoặc giải pháp cụ thể nào của Góc không?

Answer 1

Trên phiên bản cuối cùng 2 góc cạnh, bạn có thể triển khai tùy chỉnh 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

cập nhật 2.0.0 RC.6 thay đổi tên từ ExceptionHandler để ErrorHandler và 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 {} 

Xem thêm https://angular.io/docs/ts/latest/api/core/index/ErrorHandler-class.html

gốc

Thực hiện một handler tùy chỉnh ngoại lệ 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 {} 

cũng Xem https://github.com/angular/angular/issues/6865 và https://github.com/angular/angular/issues/6565

tôi đã không cố gắng bản thân mình nếu điều này cho phép các ứng dụng để tiếp tục sau khi một ngoại lệ nhưng tôi nghĩ rằng nó có giá trị một thử. Ít nhất phải tải lại trang tự động.

Nói chung, ngoại lệ phải được xử lý càng gần càng tốt với nguyên nhân khi có cách khôi phục.

Answer 3

Tôi cố gắng để thực hiện chỉnh Exception Handler theo chỉ dẫn của @ GünterZöchbauer

và điều này làm việc cho tôi

---

Bootstrap ứng dụng của bạn với 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

Tôi nghĩ vấn đề có thể xảy ra khi bạn đang sử dụng RxJS quan sát, mà bỏ đăng ký khi họ gặp phải bất kỳ lỗi. Nếu đó là trường hợp của bạn, bạn có thể cần phải:

1. Săn ngoại lệ trong onNext xử lý sự 's .subscribe với try...catch thay vì bên onError xử lý.
2. Đăng ký lại trong bộ xử lý onError của .subscribe.