如何在角度中删除模块未找到错误? [英] How to remove module not found error in angular?

问题描述

我在这里做了一个简单的控制器示例.

I make a simple example of controller here .

http://plnkr.co/edit/dplJ6sf4kgiwJ5pXu4GE?p=preview

我想测试控制器.我可以在线测试我的控制器

and I want to test the controller .I am able to test my controller online

这是我在线测试控制器的代码http://plnkr.co/edit/xzvhXHPoUdulOM9clOkQ?p=preview

Here is my code to test my controller online http://plnkr.co/edit/xzvhXHPoUdulOM9clOkQ?p=preview

但是当我尝试在我的计算机上运行相同的工作时，我的测试用例失败了我收到错误

But when I try to run that same work on my computer my test case are fail I am getting error this

Module 'app.home' 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.

这是我的计算机代码.https://dl.dropbox.com/s/no901z41bza7osm/SimpleDemo.zip?dl=0

请运行 npm install 添加依赖项.

Please run npm install to add dependency .

这是我的 karma.conf.js 文件

Here is my karma.conf.js file

// 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-ui-router/release/angular-ui-router.js' ,
        'bower_components/angular-mocks/angular-mocks.js' ,
        'bower_components/angular-resource/angular-resource.js' ,


        'app/*.js',
        'app/**/*.js',
        'app/**/*.html',
      '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
  })
}

这是我的代码测试

(function(){

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

        var $rootScope,
            $scope,
            controller,
            $q,
            $httpBackend;

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

            inject(function($injector) {
                $rootScope = $injector.get('$rootScope');
                $scope = $rootScope.$new();
                controller = $injector.get('$controller')('homeCntrl', {
                    $scope: $scope
                })


            })
        })




        describe('Init value', function() {
            it('check name value', function() {
                expect(controller.message).toBeUndefined();
            })

        })

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

        })
    })


})()

任何更新?如何进行控制器测试?

any update ?how to do testing of controller?

更新 1

当我这样写时它不起作用...检查这些文件

when I write like that it is not working ...check these file

'app/**/*.js',
            'app/*.js',
            'app/home/controller/*.js',
            'app/**/*.html',
           'test/**.js'

完整代码

 files: [

        'bower_components/angular/angular.js' ,
        'bower_components/jquery/dist/jquery.js' ,
        'bower_components/angular-ui-router/release/angular-ui-router.js' ,
        'bower_components/angular-mocks/angular-mocks.js' ,
        'bower_components/angular-resource/angular-resource.js' ,




        'app/**/*.js',
        'app/*.js',
        'app/home/controller/*.js',
        'app/**/*.html',
       'test/**.js'
    ],

但是当我这样写的时候它完美地工作，为什么?

but when I write like that it work perfectly why ?

 files: [

        'bower_components/angular/angular.js' ,
        'bower_components/jquery/dist/jquery.js' ,
        'bower_components/angular-ui-router/release/angular-ui-router.js' ,
        'bower_components/angular-mocks/angular-mocks.js' ,
        'bower_components/angular-resource/angular-resource.js' ,




        'app/home/*.js',
        'app/app.js',
        'app/home/controller/*.js',
        'app/**/*.html',
       'test/**.js'
    ],

推荐答案

将homeCntrl改为homecntrl

在你的 route.js 这一行中:controller:'homeCntrl as home'

In your route.js in this line: controller:'homeCntrl as home'

这篇关于如何在角度中删除模块未找到错误?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！