question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Ionic 3.01 Lazy Module : The pipe 'translate' could not be found

See original GitHub issue

**I’m submitting a issue because since the updated Ionic 3.0.0 the ngx-translate cannot be used with ionic lazy loading system.

Current behavior When i load the page lazy loaded i get : Uncaught (in promise): Error: Template parse errors: The pipe 'translate' could not be found (" <ion-header> <ion-navbar color="primary" hideBackButton="true"> <ion-title>{{[ERROR ->]"login.title"|translate}}</ion-title> </ion-navbar> </ion-header> "): ng:///LoginModule/LoginPage.html@8:17

Expected/desired behavior

Reproduction of the problem Load the webapp using : ionic serve

What is the expected behavior?

What is the motivation / use case for changing the behavior?

Please tell us about your environment:

  • ngx-translate version: 6.0.1

  • Angular version: 4.0.0

  • Browser: [all ]

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:13

github_iconTop GitHub Comments

4reactions
SamVerschuerencommented, Apr 10, 2017

Make sure to import TranslateModule in your lazy loaded module as well. Or better, add TranslateModule to a SharedModule and import that SharedModule to every feature module.

3reactions
pegaltiercommented, Apr 10, 2017

Finally i have solved my problem by adding :

// AoT requires an exported function for factories
export function HttpLoaderFactory(http: Http) {
 return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}

And drawing inspiration from : https://github.com/ngx-translate/core/issues/209

Thanks @SamVerschueren

Read more comments on GitHub >

github_iconTop Results From Across the Web

ERROR in : The pipe 'translate' could not be found
I see that this usually happens when the TranslateModule is not properly loaded in the imports, but it doesn't look to be the...
Read more >
NG0302: The pipe 'translate' could not be found! - Ionic Forum
I have a strange issue with translate module. I try to describe the scenario: Main page ClubSettingsMenuComponent (it is a Popover Menu) ...
Read more >
FNb - River Thames Conditions - Environment Agency - GOV.UK
#translation Avion que choca con ovni, Relaciones entre chile y australia! Keyboard drums software free download, Denon dvd-2930 laser pickup, ...
Read more >
Fix Ngx-translate pipe not found in Angular 11 error [solved]
This error occurs in strict typescript in Angular 11 when using the ngx-translate functionality. In this case I use a core module (which...
Read more >
Compare Packages Between Distributions - DistroWatch.com
This can let us know which distribution is more up to date, ... In this way we can not only compare two competing...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found