javascriptangularjsangular-translategrunt-contrib-uglify

error[$injector:unpr] Unknown provider: $translateMissingTranslationHandlerLogProvider <-


Getting following error in angularjs:~1.6.0 app while using angular-translate:^2.15.2, translate-loader-static-files:^2.15.2 and grunt-contrib-uglify:^0.7.0:

[$injector:unpr] Unknown provider: $translateMissingTranslationHandlerLogProvider <- $translateMissingTranslationHandlerLog http://errors.angularjs.org/1.6.3/$injector/unpr?p0=%24translateMissingTranslationHandlerLogProvider%20%3C-%20%24translateMissingTranslationHandlerLog

After applying translate-cloak translation keys flicker is gone and app is working smoothly BUT It throws the same error mentioned above when run as grunt server:dist

Is it due to grunt uglyfying process? Any possible suggested fixes?

How It is used inside app.js:

function translateFn($translateProvider) {
        $translateProvider
        .useStaticFilesLoader({
            prefix: 'translations/',
            suffix: '.json'
        })
        .useMissingTranslationHandlerLog();
    }
function runFn(SomeService, $translate) {
        SomeService.getData()
            .then(function () {
                $translate.use(some_data.defaults.locale);
            });
        });
    }

 ng.module('myApp', [
        'ui.router',
        .......
        'pascalprecht.translate',
        .....
    ])
    .config(configFn)
    .config(translateFn)
    .run(runFn);

Solution

  • Have you installed the angular-translate-handler-log dependency as stated on the docs?