Use @angular/router: UNMET PEER DEPENDENCY and transpile failed

[jeneser]

Hi,
When I used @angular/router, I was in trouble.

hpunews@ /home/jeneser/workspace/hpunews
├── UNMET PEER DEPENDENCY @angular/common@2.2.1
├── UNMET PEER DEPENDENCY @angular/core@2.2.1
├── UNMET PEER DEPENDENCY @angular/platform-browser@2.2.1
├── @angular/router@4.0.0-beta.8 
└── UNMET PEER DEPENDENCY rxjs@5.0.0-beta.12

install @angular/router@3.0.0-beta.2 ,but,

hpunews@ /home/jeneser/workspace/hpunews
├── @angular/router@3.0.0-beta.2 
└── UNMET PEER DEPENDENCY rxjs@5.0.0-beta.12

Try to npm run build...

[14:54:43]  transpile started ... 
[14:54:49]  typescript: node_modules/@angular/router/src/common_router_providers.d.ts, line: 9 
            Module '"/home/jeneser/workspace/hpunews/node_modules/@angular/core/index"' has no exported member 
            'ComponentResolver'. 

       L8:  export declare const ROUTER_OPTIONS: OpaqueToken;
      L10:   * @experimental

[14:54:49]  typescript: node_modules/@angular/router/src/config.d.ts, line: 256 
            Generic type 'Type<T>' requires 1 type argument(s). 

     L255:      resolve?: ResolveData;
     L256:      children?: Route[];

[14:54:49]  typescript: node_modules/@angular/router/src/router.d.ts, line: 16 
            Module '"/home/jeneser/workspace/hpunews/node_modules/@angular/core/index"' has no exported member 
            'ComponentResolver'. 

      L15:  import { UrlSerializer, UrlTree } from './url_tree';
      L16:  export interface NavigationExtras {
      L17:      relativeTo?: ActivatedRoute;

[14:54:49]  typescript: node_modules/@angular/router/src/router.d.ts, line: 114 
            Generic type 'Type<T>' requires 1 type argument(s). 

     L113:   * Returns the current url.
     L115:  url: string;

[14:54:49]  typescript: node_modules/@angular/router/src/router_state.d.ts, line: 37 
            Generic type 'Type<T>' requires 1 type argument(s). 

      L37:  * ```    
      L38:  * class MyComponent {

[14:54:49]  typescript: node_modules/@angular/router/src/router_state.d.ts, line: 60 
            Generic type 'Type<T>' requires 1 type argument(s). 

      L60:  * ### Usage    

[14:54:49]  typescript: node_modules/@angular/router/src/router_state.d.ts, line: 85 
            Generic type 'Type<T>' requires 1 type argument(s). 

      L84:  * ### Usage
      L86:  * ```

[14:54:49]  typescript: src/app/app-routing-module.ts, line: 2 
            Module '"/home/jeneser/workspace/hpunews/node_modules/@angular/router/index"' has no exported member 
            'RouterModule'. 

       L1:  import { NgModule } from '@angular/core';
       L2:  import { RouterModule, Routes } from '@angular/router';

[14:54:49]  typescript: src/app/app-routing-module.ts, line: 2 
            Module '"/home/jeneser/workspace/hpunews/node_modules/@angular/router/index"' has no exported member 
            'Routes'. 

       L1:  import { NgModule } from '@angular/core';
       L2:  import { RouterModule, Routes } from '@angular/router';

[14:54:49]  transpile failed 
[14:54:49]  ionic-app-script task: "build" 
[14:54:49]  Error: Error 

env:
ubuntu16.04
node v6.9.2
npm v3.10.9

I do not know how to solve it.but,i found these docs ,

http://ionicframework.com/docs/v2/api/navigation/DeepLinker/

http://ionicframework.com/docs/v2/api/components/nav/Nav/

Thanks!

[danielsogl]

@jeneser I think you can close this issue

[jgw96]

Hello! Thanks for opening an issue with us! As this seems like more of a support question I will urge that you ask this question on our forum or on our slack channel. Thanks for using Ionic!