2016-08-18 48 views
12

Czy istnieje sposób w Angular2, aby uzyskać lepsze stosy połączeń dla asynchronicznego kodu? Zawsze uważałem, że jedną z mocnych stron Strefy jest śledzenie kontekstów wykonania setTimeout(), emitowanych zdarzeń, obietnic itp.?Angular2: Lepsze/głębsze stosy stref do debugowania

Zbudowałem plunker przykład, który pokazuje wspólny scenariusz, który uniemożliwia śledzenie błędu.

Mam następujący przykładowy scenariusz:

@Component({ 
    selector: 'my-component', 
    template: ` 
    <div> 
     <button (click)="doSmth()">Cause an async error!</button> 
    </div> 
    ` 
}) 
export class MyComponent { 
    @Output() error = new EventEmitter<any>(true); 

    public doSmth(): void { 
    this.error.emit('Oh snap!'); 
    } 
} 

@Component({ 
    selector: 'my-app', 
    template: ` 
    <div> 
     <my-component (error)="handleError($event)"></my-component> 
    </div> 
    `, 
}) 
export class App { 
    private error = ""; 

    public handleError(reason: any): void { 
    Promise.reject(reason) 
    } 
} 

@NgModule({ 
    imports: [ BrowserModule ], 
    declarations: [ App, MyComponent ], 
    bootstrap: [ App ] 
}) 
export class AppModule {} 

Plunker: "Oh Snap" https://embed.plnkr.co/rnkxRH9G0FzA3DcBHfKO/

Ten snipped produkuje asynchroniczny błąd po kliknięciu przycisku. Ten błąd będzie emitowany przez EventEmitter, który będzie obsługiwany w komponencie App, który po prostu powoduje nieobsłużone odrzucenie obietnicy.

Stos wywołań że mogę teraz wygląda tak:

Error: Oh Snap! 
at resolvePromise (zone.js:538) 
at Function.ZoneAwarePromise.reject (zone.js:594) 
at App.handleError (app.ts:34) 
at DebugAppView._View_App0._handle_error_3_0 (App.ngfactory.js:82) //not my file 
at eval (core.umd.js:12718) 
at eval (core.umd.js:9180) 
at ZoneDelegate.invokeTask (zone.js:356) 
at Object.onInvokeTask (core.umd.js:9236) 
at ZoneDelegate.invokeTask (zone.js:355) 
at Zone.runTask (zone.js:256) 

co dałoby mi żadnej szansy do śledzenia rzeczywistego pochodzenia błąd wyzwalania w bardziej złożonych aplikacji.

Umieściłem także skrypt "strefa długiego śledzenia", który nie ma żadnego efektu.

Pytanie brzmi: Co muszę zrobić, aby uzyskać lepsze ślady stosu w Strefie? Czy to w ogóle możliwe?

Z góry dziękuję.

Odpowiedz

1

Rozwiązaniem jest użycie "Chrome DevTools" w celu przerwania wyjątku.

Do tego w DevTools Chrome, należy:

  1. Break on uncaught exceptions
  2. Zastosowanie Blackboxing w celu przełamania tylko w kodzie jesteś zainteresowany