title: Angular-translate's localStorage: Unknown provider: $translateLocalStorageProvider
body: <p>I'm using <a href="https://github.com/angular-translate/angular-translate" rel="noreferrer">angular-translate</a> in my Angular (v1.x) app as well as loading translations from files by using $translateProvider.useStaticFilesLoader</p>
  
  <pre><code>angular.module('myApp',['pascalprecht.translate'])
  
  .config(function($translateProvider) {
  
       $translateProvider.useStaticFilesLoader(
            prefix: window.location.pathname.replace(/[\\\/][^\\\/]*$/, '') + '/__languages/',  // absolute path + language path
            suffix: '.json'
       });
  
       // $translateProvider.useLocalStorage();
  }
  </code></pre>
  
  <p>Angular-translate works perfectly but when it comes to use:</p>
  
  <pre><code>  $translateProvider.useLocalStorage();
  </code></pre>
  
  <p>(commented in the code above) as proposed in <a href="http://www.ng-newsletter.com/posts/angular-translate.html" rel="noreferrer">this guide</a>, I get the following error:</p>
  
  <blockquote>
    <p>Uncaught Error: [$injector:unpr] Unknown provider: $translateLocalStorageProvider &lt;- $translateLocalStorage &lt;- $translate</p>
  </blockquote>
  
  <p>Of course I included all the the needed js files:</p>
  
  <pre><code>&lt;script src="bower_components/angular-translate/angular-translate.min.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-translate-loader-url/angular-translate-loader-url.min.js"&gt;&lt;/script&gt;
  &lt;script src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I even tried to:</p>
  
  <ul>
  <li>add <strong>'angular-translate-storage-local'</strong> as a dependency in app.JS</li>
  <li>add <strong>$translateUrlLoader, $translateStaticFilesLoader</strong> in the <strong>.config</strong> block.</li>
  </ul>