Nativescript-angular: No longer see Angular template parsing errors on Android

[tsonevn]

_From @tjvantoll on March 10, 2017 19:7_

If you create template parsing errors in your NativeScript + Angular apps those errors no longer appear on Android.

To recreate the problem, start a simple NativeScript + Angular app and use the following code for the app’s main component.

import { Component } from "@angular/core";

@Component({
  selector: "my-app",
  template: `
    <ActionBar class="action-bar"
    <Label text="Test"></Label>
  `
})
export class AppComponent {}

If you run this app on iOS you’ll see a template parsing error as expected.

file:///app/tns_modules/@angular/compiler/bundles/compiler.umd.js:13601:78: JS ERROR Error: Template parse errors:
    Unexpected closing tag "Label" ("
        <ActionBar class="action-bar"
        <Label text="Test">[ERROR ->]</Label>
      "): AppComponent@2:23

On Android, however, the developer-friendly error seems to have been swallowed, and instead you’ll see the following.

The error mentions the same file (compiler.umd.js), but the helpful message is nowhere to be found.

Note that this problem is affecting chapter 1 of the Angular Getting Started Guide, and was reported by a user in https://discourse.nativescript.org/t/ns-tutorial-chapter-1-3-syntax-error-handling-not-working/744.

_Copied from original issue: NativeScript/nativescript-cli#2603_

[tsonevn]

_From @tjvantoll on March 10, 2017 19:16_

I’m using the version 2.5.2 of the CLI, version 2.5.1 of tns-core-modules, version 1.4.1 of nativescript-angular, and version 2.5.0 of the Android runtime. I tried using the “next” builds but ran into a few issues, so unfortunately I was not able to test with those.

[tsonevn]

_From @luciansr on March 26, 2017 11:32_

@tjvantoll This is not an issue of https://github.com/NativeScript/android-runtime?

[sis0k0]

This problem will be solved with nativescript-angular 1.5.0 which will depend on @angular 4.0.

[krokofant]

@sis0k0 Any idea how far out that release is? ~week, ~month, ~century? I found nothing like a roadmap.

[sis0k0]

@krokofant Sooner :wink: If everything goes as planned, we'll release the support for ng 4.0 tomorrow.

[luciansr]

Great! I am planning to do something like a Dojo here where I work, and thats kinda essential
Thank you for the response

[commendatore]

I do have this issue with NS 2.5.4 by the date of today. This issue is closed but it was really solved?

[sis0k0]

@commendatore, the issue was fixed in nativescript-angular 1.5+ so you need to update that dependency too. That also requires @angular 4.0.

[raghav14]

@sis0k0, and how to do that dependency up-gradation using tns, can you please share. I don't have angular as command in my terminal.

[sis0k0]

@raghav14,
npm i -S [email protected] @angular/common@latest @angular/compiler@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/router@latest rxjs@latest zone.js@latest

[raghav14]

@sis0k0 is there any way to check the versions of those angular components in nativescript?

[sis0k0]

There are deps in your package.json

[Donovantxy]

Same template error but on iOS emulator, I don't see any parsing error in terminal

[sis0k0]

@Donovantxy, can you send the projects or steps to reproduce?

[Donovantxy]

First page of basic tutorial, nothing more
http://docs.nativescript.org/angular/tutorial/ng-chapter-1#13-debugging-apps