Angular 2 Setup Issue with cli

Question

First of all i am new to Angular 2 and i created new project using Angular cli tool.

I have pushed my code here (rather then pasting all files here):

When i run ng serve then serve starts successfully but browser shows just "Loading".

As per my research so far, package.json and other files are perfectly fine. In case more info is required then i will answer.

Thanks.

angular-cli is good but it comes at second stage. you should go through some basics of angular first — A.T.
– A.T., Commented Oct 16, 2016 at 13:33

Fabio Antunes · Accepted Answer · 2016-10-16 13:28:57Z

1

Go to your src/index.html file and change this:

<app-root>Loading...</app-root>

To this:

<my-app>Loading...</my-app>

Why? Because on your src/app/app.component.ts your selector is my-app:

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

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app works!';
}

answered Oct 16, 2016 at 13:28

Fabio Antunes

22.9k17 gold badges83 silver badges96 bronze badges

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

3 Comments

lesnar Over a year ago

Thanks your solution works but please make me one thing clear, how come angular is going to index.html first, i thought app.component is the first thing in angular and it will look for html defined in app.component ? index.html has priority or what ?

Fabio Antunes Over a year ago

Yes, index.html is the first thing that is rendered by the browser, then after that Angular is boostraped and it starts reading your components html

lesnar Over a year ago

thanks a lot for clearing my doubt, it makes sense now :)

Collectives™ on Stack Overflow

Angular 2 Setup Issue with cli

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related