Why is my angular 2 application not rendering?

Question

I have an angular 2 application that I am building while watching a video tutorial. But the problem is that I referenced the files very well but i am having page not found in the console of my browser. HERE IS THE CODE OF MY COMPONENT

@Component({
   moduleId: module.id,
   selector: 'my-employee',
   templateUrl: '.Employee/employee.component.html'
})
export class EmployeeComponent {
   firstName: string = 'Mr X';
   lastName: string = 'Johnson';
   gender: string = 'Male';
   age: number = 20;
}

The templateUrl is properly referenced but i am still getting page nof found error. Please any help will be highly welcomed. Thanks. UPDATE: STRUCTURE OF PROJECT

I just did crude update could not find a better way to update the project structure. — Izuagbala
– Izuagbala, Commented Sep 1, 2017 at 5:06
Please review posted answer, if still face any issue then post me in answer's comment. — user3145373 ツ
– user3145373 ツ, Commented Sep 1, 2017 at 5:24

user3145373 ツ · Accepted Answer · 2017-09-01 06:07:47Z

1

Hello can you please try:

templateUrl: './employee.component.html'

It's path issue. You do not need to add Employee in the teamplateURL.

Here's the full code:

@Component({
    moduleId: module.id,
    selector: 'my-employee',
    templateUrl: './employee.component.html'
})
export class EmployeeComponent {
    firstName: string = 'Mr X';
    lastName: string = 'Johnson';
    gender: string = 'Male';
    age: number = 20;

    constructor() {
    }
}

edited Sep 1, 2017 at 6:07

answered Sep 1, 2017 at 5:24

user3145373 ツ

8,1857 gold badges51 silver badges66 bronze badges

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

3 Comments

Izuagbala Over a year ago

I tried the solution you posted but the problem still persist. I am getting localhost:59956/src/app/Employee/employee.component.html 404 (Not Found) localhost:59956/src/app/Employee/employee.component.html ; Zone: <root> ; Task: Promise.then ; Value: Failed to load localhost:59956/src/app/Employee/employee.component.html undefined

Izuagbala Over a year ago

Thanks your answer was helpful. I have resolved the problem now.

Izuagbala Over a year ago

Thanks your answer was helpful. I have resolved the problem now.

biswajit-rout · Accepted Answer · 2017-09-01 05:52:54Z

1

As employee.component.html and employee.component.ts are in same folder then no need to add Employee/employee.component.html in template url path. Also you are using only '.' before a folder name so just change it to './employee.component.html'. Hope ut will work.

answered Sep 1, 2017 at 5:52

biswajit-rout

3772 silver badges11 bronze badges

Collectives™ on Stack Overflow

Why is my angular 2 application not rendering?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related