RouteConfig function not found in angular2 rc4 issue (plain JS)

Question

After upgrading to RC4 I have this issue configuring router:

ng.router.RouteConfig is not a function

I am using plain JavaScript.

This is how I bootstrap:

ng.platform.browser.bootstrap(AppComponent,[
        ng.router.ROUTER_PROVIDERS,
        new ng.core.provide(ng.core.PLATFORM_DIRECTIVES, {useValue: [ng.router.ROUTER_DIRECTIVES], multi: true}),
        new ng.core.provide(ng.common.LocationStrategy, {useClass: ng.common.HashLocationStrategy})
]);

And my Main Component looks like this (removed unnecessary code):

var AppComponent = ng.core
    .Component({
        selector: 'app',
        templateUrl: 'app/app.view.html',
        directives: [
            ng.router.ROUTER_DIRECTIVES
        ]
    })
    .Class({
        constructor: function() {}
    });

AppComponent = ng.router
    .RouteConfig([
        {path: '/search', name:"Search", component: SearchComponent},
        {path: '/results', name:"Results", component: ResultsComponent },
        {path: "*", component: SearchComponent }
    ])
    (AppComponent);

I am using: angular: 2.0.0-rc.4 router: 3.0.0-beta.1

This is my scrip includes:

    <script src="libs/angular/2.0.0-rc.4/shim.min.js"></script>
    <script src="libs/angular/2.0.0-rc.4/zone.js"></script>
    <script src="libs/angular/2.0.0-rc.4/Reflect.js"></script>
    <script src="libs/angular/2.0.0-rc.4/Rx.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/core.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/common.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/compiler.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/platform-browser.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/platform-browser-dynamic.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/http.umd.js"></script>
    <script src="libs/angular/2.0.0-rc.4/router.umd.js"></script>

Hey, did you figure it out? I have the same problem and I have been trying stuff for hours now... — Maxime Laval
– Maxime Laval, Commented Jul 20, 2016 at 16:39
@MaximeLaval No. I still have this error and I didn't find a way to fix it. If you find a solution please post as answer because I still want to resolve it. — Daniel Dudas
– Daniel Dudas, Commented Jul 20, 2016 at 20:08

Kalpesh Dusane · Accepted Answer · 2016-08-26 06:57:37Z

1

I guess it is RouterConfig instead of RouteConfig .

Code Sample from Angular tutorial Link

import { provideRouter, RouterConfig }  from '@angular/router';
import { HeroesComponent } from './heroes.component';

const routes: RouterConfig = [
  {
    path: 'heroes',
    component: HeroesComponent
  }
];

Update

.Class({
    constructor: [ ng.router.Router, function(router) {
            router.config([
                { path: '/dashboard', name: 'Dashboard', component: DashboardComponent, useAsDefault: true },
                { path: '/heroes-list', name: 'Heroes', component: HeroesComponent },                
                { path: '/detail/:id', name: 'HeroDetail', component: HeroDetailComponent }
            ]);

    }]
});

edited Aug 26, 2016 at 6:57

Kalpesh Dusane

1,4963 gold badges20 silver badges27 bronze badges

answered Jul 15, 2016 at 13:37

Atal Kishore

4,8183 gold badges20 silver badges27 bronze badges

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

3 Comments

Daniel Dudas Over a year ago

If I try with RouterConfig I am getting almost same error: ng.router.RouterConfig is not a function On official cheat sheet it's ng.router.RouteConfig. Here: angular.io/docs/js/latest/guide/cheatsheet.html

Atal Kishore Over a year ago

I have no idea about angular 2 with javascript check this answer it might help you stackoverflow.com/questions/33711236/…

Daniel Dudas Over a year ago

The question/answers on that question are old and are using version 1 of router, the one used in beta versions.

Collectives™ on Stack Overflow

RouteConfig function not found in angular2 rc4 issue (plain JS)

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related