J King J King - 1 year ago 1694
AngularJS Question

provideRouter and RouterConfig not found in new @angular/router 3.0.0-alpha.3^

I am migrating an angular2 app to RC2 and trying to use the router's version 3 alpha.

I have followed the set up of the plunker given by the angular docs for routing
But i keep getting the following errors:

/@angular/router/index"' has no exported member 'provideRouter'

/@angular/router/index"' has no exported member 'RouterConfig'

when trying to use the following imports in my app.router.ts file:

import { provideRouter, RouterConfig } from '@angular/router';

I am using typescript in visual studio with commonjs module format.

Here are the dependecies from my packages.json

"@angular/common": "2.0.0-rc.2",
"@angular/compiler": "2.0.0-rc.2",
"@angular/core": "2.0.0-rc.2",
"@angular/http": "2.0.0-rc.2",
"@angular/platform-browser": "2.0.0-rc.2",
"@angular/platform-browser-dynamic": "2.0.0-rc.2",
"@angular/router": "3.0.0-alpha.3",
"@angular/router-deprecated": "2.0.0-rc.2",
"@angular/upgrade": "2.0.0-rc.2",
"systemjs": "0.19.27",
"core-js": "^2.4.0",
"reflect-metadata": "^0.1.3",
"rxjs": "5.0.0-beta.6",
"zone.js": "^0.6.12",
"angular2-in-memory-web-api": "0.0.12"

Even if I set the angular/route to the npm cdn in my system.config.js like so:

'@angular/router': 'https://npmcdn.com/@angular/router@3.0.0-alpha.3'

I still get the error.

I even tried using the alpha.4, alpha.5 and latest alpha.6 version.

I tried deleting the nodule module folder and forcing the npm install to get new files.


Can someone help me figure out why the exported memebers provideRouter, RouterConfig can not be found?


Answer Source

I had the same issue, solved it with using Version 3.0.0-alpha.7

Here my package.json:

"dependencies": {
"@angular/common":  "2.0.0-rc.2",
"@angular/compiler":  "2.0.0-rc.2",
"@angular/core":  "2.0.0-rc.2",
"@angular/http":  "2.0.0-rc.2",
"@angular/platform-browser":  "2.0.0-rc.2",
"@angular/platform-browser-dynamic":  "2.0.0-rc.2",
"@angular/router":  "3.0.0-alpha.7",
"@angular/upgrade":  "2.0.0-rc.2",
"systemjs": "0.19.31",
"core-js": "^2.4.0",
"reflect-metadata": "^0.1.3",
"rxjs": "5.0.0-beta.6",
"zone.js": "^0.6.12",
"angular2-in-memory-web-api": "0.0.12",
"bootstrap": "^3.3.6",
"contentful": "3.3.14"}

Altough I wouldn't call it stable and the new Documentation https://angular.io/docs/ts/latest/guide/router.html can be bit missleading.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download