UNMET PEER DEPENDENCY @angular about localize-router HOT 9 CLOSED

@koodikindral Based on this log, it's you who should upgrade the angular version in you project. LocalizeRouter uses angular version 2.2.0 and ng2-translate 4.0.0.

As you can see in package.json:

  "peerDependencies": {
    "@angular/core": "^2.2.0",
    "@angular/http": "^2.2.0",
    "@angular/router": "^3.2.0",
    "rxjs": "^5.0.0-beta.12",
    "ng2-translate": "^4.0.0"
  }

Please let me know if it's conflicting with ng2-select that you're using. From what I see they have their version fixed to 2.0.0.

from localize-router.

@koodikindral Sometimes npm has issues with upgrading to latest versions so try one of these:

• run npm install until all UNMET PEER DEPENDENCY errors are gone or
• manually delete conflicting package folders in node_modules and run npm install once

from localize-router.

Thanks, got it working!
Another question regarding the implementation: Is it possible to get it working also with angular-seed: https://github.com/mgechev/angular-seed

It has somewhat different routing (each component has it's own routing module).

from localize-router.

Hi, it's possible as long as it's not lazy loaded (see #3).
Angular-seed uses so called child routes. It's used similarly as RouterModule in child modules:

LocalizeRouterModule.forChild(routes),
RouterModule.forChild(routes)

I will update documentation and example project as soon as possible.

from localize-router.

Seems better, but:

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home.component';
import { LocalizeRouterModule, LocalizeParser } from 'localize-router/localize-router';

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'home', component: HomeComponent }
];

@NgModule({
  imports: [
    LocalizeRouterModule.forChild(routes),
    RouterModule.forChild(routes)
  ],
  exports: [LocalizeRouterModule, RouterModule]
})
export class HomeRoutingModule { }

->

zone.js?1479817675655:355 Unhandled Promise rejection: No provider for LocalizeParser! ; Zone: <root> ; Task: Promise.then ; Value: NoProviderError {_nativeError: Error: No provider for LocalizeParser!
    at NoProviderError.BaseError [as constructor] (http://loc…, keys: Array[1], injectors: Array[1]}

from localize-router.

Can you check in full log in which exact file does this happen or provide a plunkr example?
You can check https://github.com/meeroslav/localize-router-example for working example built with CLI.

What I can see from your code insert is that you've imported LocalizeParser but never used it. However, this can throw only tslint error (depending on lint config), not a runtime one.

This error looks like you tried to initialise child routes before the parent routes, but it's hard to say without looking at the full code.

from localize-router.

Thanks, much better now! One small problem though, when I open the app from root URL, home page won't be shown (added to the router-outlet), but when I open the page from http://localhost:5555/en for example, it's working as intended.

home-routing.module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home.component';
import { LocalizeRouterModule } from 'localize-router/localize-router';

let routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'home', component: HomeComponent }
];

@NgModule({
  imports: [
    LocalizeRouterModule.forChild(routes),
    RouterModule.forChild(routes)
  ],
  exports: [LocalizeRouterModule, RouterModule]
})
export class HomeRoutingModule { }

app-routing-module.ts

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { LocalizeRouterModule } from 'localize-router/localize-router';

let routes: Routes = [{ path: '', redirectTo: 'home', pathMatch: 'full' }];

@NgModule({
  imports: [
    LocalizeRouterModule.forRoot(routes),
    RouterModule.forRoot(routes)
  ],
  exports: [LocalizeRouterModule, RouterModule]
})

export class AppRoutingModule { }

from localize-router.

Found the problem:

localize.changeLanguage('ee');

was called on app.component.ts's constructor :) Issue can be closed, thanks for the great package :)

from localize-router.

Glad to hear that. Thank you for your feedback!

from localize-router.