Search code examples
angularjsjsonangular-translate

Unknown provider: $translateStaticFilesLoaderProvider <- $translateStaticFilesLoader

I have been trying to use angular-translate with a static JSON file, usign StaticFilesLoader. However, I recieve the error: Unknown provider: $translateStaticFilesLoaderProvider <- $translateStaticFilesLoader

In the index.html file, i have included the .js files:

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

I have included the directive 'pascalprecht.translate'

And I have also included the config in the app.js file:

    Application.instance
        .config(['$translateProvider', function ($translateProvider) {
            $translateProvider.useStaticFilesLoader({
                prefix: 'i18n/',
                suffix: '.json'
            });

    $translateProvider.preferredLanguage('en');
}]);

If I include the translations directly in the config, the angular-translate works fine, but it seems that the staticFilesLoader is the issue. I have replaced the angular-translate-loader-static-files.js files from github and this does not resolve the issue.

Thanks for any help.

Solution

  • You are adding angular-translate twice, minified and unminified (judging by names)

    But the error you get is mostlikely caused by not injecting the module to your module

    var Application = angular.module('myApplication', ['pascalprecht.translate'])