angularjs - modulos - ¡El módulo ''plantillas'' no está disponible! en js angular?

que es un componente en angular

Question

Estoy tratando de probar la directiva en angular usando Jasmine. Instalé karma-ng-html2js-preprocessor usando NPM. Luego inicié jQuery usando Bower pero obtengo este error

Connected on socket ndfTI8XJInIU5YJCAAAA with id 49983199
Chrome 47.0.2526 (Mac OS X 10.10.2) http controller test it should be one FAILED
        Error: [$injector:modulerr] Failed to instantiate module templates due to:
        Error: [$injector:nomod] Module ''templates'' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
        http://errors.angularjs.org/1.4.8/$injector/nomod?p0=templates
            at /Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/angular.js:68:12
            at /Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/angular.js:2005:17
            at ensure (/Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/angular.js:1929:38)
            at module (/Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/angular.js:2003:14)
            at /Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/a

Hice una directiva como esta

   angular.module(''app'',[]).controller(''first'',function($scope,data){
    $scope.name=''test'';
    $scope.message=''application'';

    data.getData().then(function(data){
          console.log(data);
    })

}).factory(''data'',function($http){
    return{
        getData:getData
    }

    function getData(){
             return $http.get(''data.json'').success(successCall).error(errorcallback)
    }

    function   successCall(data){
          return data
    }
    function   errorcallback(data){
        return data
    }
}).directive(''helloWorld'',function(){
    return {
        restrict:''E'',
        scope:{
            data:''='',
            message:''@''
        } ,
        templateUrl:''app/partial/home.html'',
        link:function(s,e,a){

        }
    }
})

home.html

<div class="dir">

    <h1>{{data}}</h1>
    <h1>{{message}}</h1>
</div>

test.js

describe(''http controller test'', function () {

    var $rootScope,
        $scope,
        $compile,
        $body=$(''body''),
        el,
        $el,
        controller,
        html=''<hello-world data="name" message="{{message}}"></hello-world>'';

    beforeEach(function(){
        module(''templates'',''app'')  ;

        inject(function($injector){
            $rootScope  =  $injector.get(''$rootScope'') ;
            $compile  =  $injector.get(''$compile'') ;

            $scope=$rootScope.$new();
            el=$compile(angular.element(html))($scope)
            controller =$injector.get(''$controller'')(''first'',{$scope:$scope})
        })
        $body.append(el);
        $rootScope.$digest();

        $el=$(''.dir'');

    })

    afterEach(function(){
        $body.empty();
    })

    it(''it should be one'',function(){
        expect($el.length).isEqual(1)
    })

    describe(''Init value'',function(){
        it(''check name value'',function(){
            expect($scope.name).toEqual(''test'');
        })

    })

    it(''it should be true'',function(){
        expect(true).toBeTruthy();

    })
})

y hay archivo karma-config

// Karma configuration
// Generated on Fri Dec 18 2015 19:53:32 GMT+0530 (IST)

module.exports = function(config) {
  config.set({

    // base path that will be used to resolve all patterns (eg. files, exclude)
    basePath: '''',


    // frameworks to use
    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
    frameworks: [''jasmine''],


    // list of files / patterns to load in the browser
    files: [

        ''bower_components/angular/angular.js'' ,
        ''bower_components/jquery/dist/jquery.js'' ,

        ''bower_components/angular-mocks/angular-mocks.js'' ,
        ''bower_components/angular-resource/angular-resource.js'' ,
           ''app/**/.html'',
        ''app/*.js'',
      ''test/**.js''
    ],


    // list of files to exclude
    exclude: [
    ],


    // preprocess matching files before serving them to the browser
    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
    preprocessors: {
        ''app/**/.html'':[''ng-html2js'']
    },

      ngHtml2JsPreprocessor:{
          moduleName:''templates''

    },

    // test results reporter to use
    // possible values: ''dots'', ''progress''
    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
    reporters: [''progress''],


    // web server port
    port: 9876,


    // enable / disable colors in the output (reporters and logs)
    colors: true,


    // level of logging
    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
    logLevel: config.LOG_INFO,


    // enable / disable watching file and executing tests whenever any file changes
    autoWatch: true,


    // start these browsers
    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
    browsers: [''Chrome''],


    // Continuous Integration mode
    // if true, Karma captures browsers, runs the tests and exits
    singleRun: false,

    // Concurrency level
    // how many browser should be started simultanous
    concurrency: Infinity
  })
}

Ya he declarado el módulo de plantilla como este

ngHtml2JsPreprocessor:{
              moduleName:''templates''

        },

actualización 1

 Connected on socket i5kkzULDwF1_ptvcAAAA with id 55433592
Chrome 47.0.2526 (Mac OS X 10.10.2) http controller test it should be one FAILED
        Error: [$injector:modulerr] Failed to instantiate module templates due to:
        Error: [$injector:nomod] Module ''templates'' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
        http://errors.angularjs.org/1.4.8/$injector/nomod?p0=templates
            at /Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/angular.js:68:12
            at /Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/angular.js:2005:17
            at ensure (/Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/angular.js:1929:38)
            at module (/Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/angular.js:2003:14)
            at /Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/angular.js:4435:22
            at forEach (/Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/angular.js:340:20)
            at loadModules (/Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/angular.js:4419:5)
            at Object.createInjector [as injector] (/Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular/angular.js:4344:11)
            at Object.workFn (/Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular-mocks/angular-mocks.js:2428:52)
            at window.inject.angular.mock.inject (/Users/naveenkumar/Documents/ionic_work/tes/bower_components/angular-mocks/angular-mocks.js:2411:37)
        http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=templates&p1=Error%3A%20%5B%24injector%3Anomod%5D%20Module%20''templates''%20is%20not%20available!%20You%20either%20misspelled%20the%20module%20name%20or%20forgot%20to%20load%20it.%20If%

Answer 1

No tengo experiencias previas con karma-ng-html2js-preprocessor así que esto es más como una suposición: ¿podría ser que el módulo de plantilla no se haya generado porque no se encontraron plantillas?

¿Podrías intentar cambiar esta parte de la sección de files de tu karma-config de:

''app/**/.html''

a:

''app/**/*.html''

y sección de preprocessors de:

preprocessors: {
    ''app/**/.html'':[''ng-html2js'']
}

a

preprocessors: {
    ''app/**/*.html'':[''ng-html2js'']
}

Actualizar:

Si eso no funciona para usted, puede establecer el nivel de registro de Karma en

logLevel: config.LOG_DEBUG

e intente buscar líneas que comiencen con DEBUG [preprocessor.html2js] para recopilar información adicional relacionada con el preprocesador html2js .