ng generate route <name> created scaffolds not working.

[UzairNoman]

I created the routes with angular cli, it created all the scaffolds and necessary references in the parent component :

@Routes([ {path: '/hero', component: HeroComponent} ])

Also added the router outlet tag in the parent component's HTML template.Everything seems fine but still when i try to access that route,I see the parent template outputting but component whose template has to be resolved in the router outlet tag is not visible.
Although when I tried to make the project folder with npm as guided in the official angular docs,route works fine.

[filipesilva]

@UzairNouman that's odd. Can you give me exact reproduction steps that I can follow so I can debug it?

[UzairNoman]

Yeah,that's too odd.Maybe I am missing something.
I created a fresh project with angular cli Problem to test the routes problem.
What I concluded with the original docs,all you need to do to create a simple route is to follow 3 main steps,angular-cli does all that job with a single command, so why it is not working?

1-is to make changes to main component

ProblemComponent

2-make changes to the Route Component

HeroComponent

3-Create <router-outlet>

Problem Component's HTML

Project Structure

Output

You may have noticed HeroComponent in my directives,I was testing it by adding <app-hero> tag in the problem.component.html and surprisingly it works.

[graknol]

I am experiencing this too, I don't know, but perhaps it's something with the way angular-cli serves the files? I don't really know

[fadeojo]

@graknol I had the same issue and this

import { RouteConfig , ROUTER_DIRECTIVES, ROUTER_PROVIDERS} from '@angular/router-deprecated';
@Component({
  moduleId: module.id,
  selector: 'hello-app',
  directives: [ROUTER_DIRECTIVES],
  templateUrl: 'hello.component.html',
  styleUrls: ['hello.component.css'],
  providers: [ROUTER_PROVIDERS]
})
@RouteConfig([
  {path: '/login',    component: LoginComponent,     name: 'Login'}
])

fixed it. The router is broken in RC1 has breaking changes.

[UzairNoman]

angular-cli is using '@angular/router', @fadeojo can you tell me how you are using '@angular/router-deprecated'?

[planser]

@UzairNouman try npm installing @angular/router-deprecated and adding the entry @angular/router-deprecated to Angular specific barrels in system-config.ts. It worked for me...

[oadeojo]

@UzairNouman the router has breaking changes for RC1. https://github.com/angular/angular/blob/master/CHANGELOG.md

[sonicoder86]

Here are some bug reports on the main repository that might help till it gets fixed.
angular/angular#8409
angular/angular#9020

[UzairNoman]

Thanks @planser,your suggestion solved the issue.