TypeScript Error in Angular Demo

Question

Can someone told me what is going on with my code, it continually says 'Failed to compile'. I found out others' answer, but my code looks good. Still don't know what is the root cause. Thanks.

The codes:

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

export class Hero {
  id: number;
  name: string;
}

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  template: `<h1>{{title}}</h1>
               <h2>{{hero.name}} details!</h2>
               <div><label>id: </label>{{hero.id}}</div>
               <div><label>name: </label>{{hero.name}}</div>
              `
})

export class AppComponent {
  title = 'Tour of Heroes';
  hero: Hero = {
    id: 1,
    name: 'Windstorm'
  };
}

The Error msg:

ERROR in E:/workspace/angular-tour-of-heroes/src/app/app.component.ts (22,1): Unused label.
ERROR in E:/workspace/angular-tour-of-heroes/src/app/app.component.ts (22,7): Cannot assign to 'Hero' because it is not a variable.

Yoav Schniederman · Accepted Answer · 2017-08-12 06:29:02Z

2

let hero: Hero =  new Hero();
hero.id = 1;
hero. name =  'Windstorm';

answered Aug 12, 2017 at 6:29

Yoav Schniederman

5,4033 gold badges30 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tvvi Xie · Accepted Answer · 2017-08-12 08:20:12Z

0

I got confuse that my code is looking good and can not find out issue's root cause.

And then I add a debugger into my code and try to debugger it, though It can be not useful. But after I remove the 'debugger', the compilation successful. And everything looks good again.

I still don't know what is going on here.

I guess it is the npm start issue. (The command runs the TypeScript compiler in "watch mode", recompiling automatically when the code changes).

answered Aug 12, 2017 at 8:20

Tvvi Xie

115 bronze badges

Collectives™ on Stack Overflow

TypeScript Error in Angular Demo

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related