Angular translation localStorage: unknown provider: $ translateLocalStorageProvider

Question

I use angular-translate in my Angular application (v1.x) and also download translations from files using $ translateProvider.useStaticFilesLoader

angular.module('myApp',['pascalprecht.translate']) .config(function($translateProvider) { $translateProvider.useStaticFilesLoader( prefix: window.location.pathname.replace(/[\\\/][^\\\/]*$/, '') + '/__languages/', // absolute path + language path suffix: '.json' }); // $translateProvider.useLocalStorage(); } 

Angular translate works fine, but when it comes to use:

  $translateProvider.useLocalStorage(); 

(commented out in the code above), as suggested in this guide , I get the following error:

Unprepared error: [$ injector: unpr] Unknown provider: $ translateLocalStorageProvider <- $ translateLocalStorage <- $ translate

Of course, I included all the necessary js files:

 <script src="bower_components/angular-translate/angular-translate.min.js"></script> <script src="bower_components/angular-translate-loader-url/angular-translate-loader-url.min.js"></script> <script src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"></script> 

I even tried:

• add 'angular -translate-storage-local' as a dependency in app.JS
• add $ translateUrlLoader, $ translateStaticFilesLoader to the .config block.

Answer 1

You do not need to add angular-translate-storage-local as a function of your app.js.

I think you just forgot to include the angular-translate-storage-local package in your html:

  <script src="bower_components/angular-translate-storage-local/angular-translate-storage-local.min.js"></script> 

Link to github .