Angular.js модуль не найден, когда пехотинец служить: расстояние, но хрюкать служат отлично работает

Question

Так что я получаю эту ошибку всякий раз, когда я выполняю grunt serve:dist:

vendor.7e2420d0.js:4 Uncaught Error: [$injector:modulerr] Failed to instantiate module prometheusApp due to: 
Error: [$injector:modulerr] Failed to instantiate module restangular due to: 
Error: [$injector:nomod] Module 'restangular' 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. 

Проблема заключается в том, что если я бегу grunt serve это работает просто отлично. Очевидно, что это связано с процессом minification/uglify. Но поскольку ошибка ничего не говорит, я не могу понять, как ее решить.

Это мой Gruntfile:

// Сформирован на 2015-04-15, используя генератор угловой 0.11.1

'use strict'; 

// # Globbing 
// for performance reasons we're only matching one level down: 
// 'test/spec/{,*/}*.js' 
// use this if you want to recursively match all subfolders: 
// 'test/spec/**/*.js' 

var modRewrite = require('connect-modrewrite'); 

module.exports = function (grunt) { 

    // Load grunt tasks automatically 
    require('load-grunt-tasks')(grunt); 

    // Time how long tasks take. Can help when optimizing build times 
    require('time-grunt')(grunt); 

    // Configurable paths for the application 
    var appConfig = { 
    app: require('./bower.json').appPath || 'app', 
    dist: 'dist' 
    }; 

    // Define the configuration for all the tasks 
    grunt.initConfig({ 

    // Project settings 
    yeoman: appConfig, 

    less: { 
     compile: { 
     options: { 
      paths: ['bower_components/{,*}*.less'], 
      sourceMap: true, 
     }, 
     files: { 
      '<%= yeoman.app %>/styles/main.css': '<%= yeoman.app %>/styles/main.less' 
     } 
     }, 
     theme_one: { 
     options: { 
      paths: ['bower_components/{,*}*.less'] 
     }, 
     files: { 
      '<%= yeoman.app %>/styles/main.css': '<%= yeoman.app %>/styles/main1.less' 
     } 
     }, 
     theme_two: { 
     options: { 
      paths: ['bower_components/{,*}*.less'] 
     }, 
     files: { 
      '<%= yeoman.app %>/styles/main.css': '<%= yeoman.app %>/styles/main2.less' 
     } 
     } 
    }, 

    // Watches files for changes and runs tasks based on the changed files 
    watch: { 
     bower: { 
     files: ['bower.json'], 
     tasks: ['wiredep'] 
     }, 
     js: { 
     files: ['<%= yeoman.app %>/scripts/{,*/}*.js'], 
     tasks: [/*'newer:jshint:all'*/], 
     options: { 
      livereload: '<%= connect.options.livereload %>' 
     } 
     }, 
     jsTest: { 
     files: ['test/spec/{,*/}*.js'], 
     tasks: ['newer:jshint:test', 'karma'] 
     }, 
     styles: { 
     files: ['<%= yeoman.app %>/styles/{,*/}*.less'], 
     tasks: ['less:compile', 'newer:copy:styles', 'autoprefixer'] 
     }, 
     gruntfile: { 
     files: ['Gruntfile.js'] 
     }, 
     livereload: { 
     options: { 
      livereload: '<%= connect.options.livereload %>' 
     }, 
     files: [ 
      '<%= yeoman.app %>/{,*/}*.html', 
      '.tmp/styles/{,*/}*.css', 
      '<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}' 
     ] 
     } 
    }, 

    // The actual grunt server settings 
    connect: { 
     options: { 
     port: 9000, 
     // Change this to '0.0.0.0' to access the server from outside. 
     hostname: 'localhost', 
     livereload: 35729 
     }, 
     livereload: { 
     options: { 
      open: true, 
      middleware: function (connect) { 
      return [ 
       modRewrite(['^[^\\.]*$ /index.html [L]']), 
       connect.static('.tmp'), 
       connect().use('/bower_components', connect.static('./bower_components')), 
       connect().use('/app/styles', connect.static('./app/styles')), 
       connect.static(appConfig.app) 
      ]; 
      } 
     } 
     }, 
     test: { 
     options: { 
      port: 9001, 
      middleware: function (connect) { 
      return [ 
       connect.static('.tmp'), 
       connect.static('test'), 
       connect().use(
       '/bower_components', 
       connect.static('./bower_components') 
      ), 
       connect.static(appConfig.app) 
      ]; 
      } 
     } 
     }, 
     dist: { 
     options: { 
      open: true, 
      base: '<%= yeoman.dist %>' 
     } 
     } 
    }, 

    // Make sure code styles are up to par and there are no obvious mistakes 
    jshint: { 
     options: { 
     jshintrc: '.jshintrc', 
     reporter: require('jshint-stylish') 
     }, 
     all: { 
     src: [ 
      'Gruntfile.js', 
      '<%= yeoman.app %>/scripts/{,*/}*.js' 
     ] 
     }, 
     test: { 
     options: { 
      jshintrc: 'test/.jshintrc' 
     }, 
     src: ['test/spec/{,*/}*.js'] 
     } 
    }, 

    // Empties folders to start fresh 
    clean: { 
     dist: { 
     files: [{ 
      dot: true, 
      src: [ 
      '.tmp', 
      '<%= yeoman.dist %>/{,*/}*', 
      '!<%= yeoman.dist %>/.git{,*/}*' 
      ] 
     }] 
     }, 
     server: '.tmp' 
    }, 

    // Add vendor prefixed styles 
    autoprefixer: { 
     options: { 
     browsers: ['last 1 version'] 
     }, 
     server: { 
     options: { 
      map: true, 
     }, 
     files: [{ 
      expand: true, 
      cwd: '.tmp/styles/', 
      src: '{,*/}*.css', 
      dest: '.tmp/styles/' 
     }] 
     }, 
     dist: { 
     files: [{ 
      expand: true, 
      cwd: '.tmp/styles/', 
      src: '{,*/}*.css', 
      dest: '.tmp/styles/' 
     }] 
     } 
    }, 

    // Automatically inject Bower components into the app 
    wiredep: { 
     app: { 
     src: ['<%= yeoman.app %>/index.html'], 
     ignorePath: /\.\.\// 
     }, 
     test: { 
     devDependencies: true, 
     src: '<%= karma.unit.configFile %>', 
     ignorePath: /\.\.\//, 
     fileTypes: { 
      js: { 
      block: /(([\s\t]*)\/{2}\s*?bower:\s*?(\S*))(\n|\r|.)*?(\/{2}\s*endbower)/gi, 
      detect: { 
       js: /'(.*\.js)'/gi 
      }, 
      replace: { 
       js: '\'{{filePath}}\',' 
      } 
      } 
     } 
     } 
    }, 

    // Renames files for browser caching purposes 
    filerev: { 
     dist: { 
     src: [ 
      '<%= yeoman.dist %>/scripts/{,*/}*.js', 
      '<%= yeoman.dist %>/styles/{,*/}*.css', 
      '<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}', 
      '<%= yeoman.dist %>/styles/fonts/*' 
     ] 
     } 
    }, 

    // Reads HTML for usemin blocks to enable smart builds that automatically 
    // concat, minify and revision files. Creates configurations in memory so 
    // additional tasks can operate on them 
    useminPrepare: { 
     html: '<%= yeoman.app %>/index.html', 
     options: { 
     dest: '<%= yeoman.dist %>', 
     flow: { 
      html: { 
      steps: { 
       js: ['concat', 'uglifyjs'], 
       css: ['cssmin'] 
      }, 
      post: {} 
      } 
     } 
     } 
    }, 

    // Performs rewrites based on filerev and the useminPrepare configuration 
    usemin: { 
     html: ['<%= yeoman.dist %>/{,*/}*.html'], 
     css: ['<%= yeoman.dist %>/styles/{,*/}*.css'], 
     options: { 
     assetsDirs: [ 
      '<%= yeoman.dist %>', 
      '<%= yeoman.dist %>/images', 
      '<%= yeoman.dist %>/styles' 
     ] 
     } 
    }, 

    // The following *-min tasks will produce minified files in the dist folder 
    // By default, your `index.html`'s <!-- Usemin block --> will take care of 
    // minification. These next options are pre-configured if you do not wish 
    // to use the Usemin blocks. 
    // cssmin: { 
    // dist: { 
    //  files: { 
    //  '<%= yeoman.dist %>/styles/main.css': [ 
    //   '.tmp/styles/{,*/}*.css' 
    //  ] 
    //  } 
    // } 
    // }, 
    // uglify: { 
    // dist: { 
    //  files: { 
    //  '<%= yeoman.dist %>/scripts/scripts.js': [ 
    //   '<%= yeoman.dist %>/scripts/scripts.js' 
    //  ] 
    //  } 
    // } 
    // }, 
    // concat: { 
    // dist: {} 
    // }, 

    imagemin: { 
     dist: { 
     files: [{ 
      expand: true, 
      cwd: '<%= yeoman.app %>/images', 
      src: '{,*/}*.{png,jpg,jpeg,gif}', 
      dest: '<%= yeoman.dist %>/images' 
     }] 
     } 
    }, 

    svgmin: { 
     dist: { 
     files: [{ 
      expand: true, 
      cwd: '<%= yeoman.app %>/images', 
      src: '{,*/}*.svg', 
      dest: '<%= yeoman.dist %>/images' 
     }] 
     } 
    }, 

    htmlmin: { 
     dist: { 
     options: { 
      collapseWhitespace: true, 
      conservativeCollapse: true, 
      collapseBooleanAttributes: true, 
      removeCommentsFromCDATA: true, 
      removeOptionalTags: true 
     }, 
     files: [{ 
      expand: true, 
      cwd: '<%= yeoman.dist %>', 
      src: ['*.html', 'views/{,*/}*.html'], 
      dest: '<%= yeoman.dist %>' 
     }] 
     } 
    }, 

    // ng-annotate tries to make the code safe for minification automatically 
    // by using the Angular long form for dependency injection. 
    ngAnnotate: { 
     dist: { 
     files: [{ 
      expand: true, 
      cwd: '.tmp/concat/scripts', 
      src: '*.js', 
      dest: '.tmp/concat/scripts' 
     }] 
     } 
    }, 

    // Replace Google CDN references 
    cdnify: { 
     dist: { 
     html: ['<%= yeoman.dist %>/*.html'] 
     } 
    }, 

    // Copies remaining files to places other tasks can use 
    copy: { 
     dist: { 
     files: [{ 
      expand: true, 
      dot: true, 
      cwd: '<%= yeoman.app %>', 
      dest: '<%= yeoman.dist %>', 
      src: [ 
      '*.{ico,png,txt}', 
      '.htaccess', 
      '*.html', 
      'views/{,*/}*.html', 
      'images/{,*/}*.{webp}', 
      'styles/fonts/{,*/}*.*' 
      ] 
     }, { 
      //for bootstrap fonts 
      expand: true, 
      dot: true, 
      cwd: 'bower_components/bootstrap/dist', 
      src: ['fonts/*.*'], 
      dest: '<%= yeoman.dist %>' 
     }, { 
      //for font-awesome 
      expand: true, 
      dot: true, 
      cwd: 'bower_components/font-awesome', 
      src: ['fonts/*.*'], 
      dest: '<%= yeoman.dist %>' 
     }, { 
      expand: true, 
      cwd: '.tmp/images', 
      dest: '<%= yeoman.dist %>/images', 
      src: ['generated/*'] 
     }, { 
      expand: true, 
      flatten: true, 
      src: [ 
      '<%= yeoman.app %>/translations/*', 
      ], 
      dest: '<%= yeoman.dist %>/translations' 
     }, { 
      expand: true, 
      flatten: true, 
      src: [ 
      'bower_components/components-font-awesome/fonts/*', 
      'bower_components/bootstrap/fonts/*' 
      ], 
      dest: '<%= yeoman.dist %>/fonts' 
     }, { 
      expand: true, 
      flatten: true, 
      src: [ 
      'divshot.json', 
      ], 
      dest: '<%= yeoman.dist %>' 
     }] 
     }, 
     styles: { 
     expand: true, 
     cwd: '<%= yeoman.app %>/styles', 
     dest: '.tmp/styles/', 
     src: '{,*/}*.css' 
     } 
    }, 

    // Run some tasks in parallel to speed up the build process 
    concurrent: { 
     server: [ 
     'copy:styles' 
     ], 
     test: [ 
     'copy:styles' 
     ], 
     dist: [ 
     'copy:styles', 
     'imagemin', 
     'svgmin' 
     ] 
    }, 

    // Test settings 
    karma: { 
     unit: { 
     configFile: 'test/karma.conf.js', 
     singleRun: true 
     } 
    } 
    }); 


    grunt.registerTask('serve', 'Compile then start a connect web server', function (target) { 

    if (target === 'dist') return grunt.task.run(['build', 'connect:dist:keepalive']); 

    var tasks = ['clean:server']; 
    if (target === 'theme_one') tasks.push('less:theme_one'); 
    else if (target === 'theme_two') tasks.push('less:theme_two'); 
    else tasks.push('less:compile'), console.log("tema elegido: " + target); 

    tasks = tasks.concat(['wiredep', 
     'concurrent:server', 
     'autoprefixer:server', 
     'connect:livereload', 
     'watch']); 

    grunt.task.run(tasks, 'connect:dist:keepalive'); 
    }); 

    grunt.registerTask('server', 'DEPRECATED TASK. Use the "serve" task instead', function (target) { 
    grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.'); 
    grunt.task.run(['serve:' + target]); 
    }); 

    grunt.registerTask('test', [ 
    'clean:server', 
    'wiredep', 
    'concurrent:test', 
    'autoprefixer', 
    'connect:test', 
    'karma' 
    ]); 

    grunt.registerTask('build', [ 
    'clean:dist', 
    'less:compile', 
    'wiredep', 
    'useminPrepare', 
    'concurrent:dist', 
    'autoprefixer', 
    'concat', 
    'ngAnnotate', 
    'copy:dist', 
    'cdnify', 
    'cssmin', 
    'uglify', 
    'filerev', 
    'usemin', 
    'htmlmin' 
    ]); 

    grunt.registerTask('build:theme:one', [ 
    'clean:dist', 
    'less:theme_one', 
    'wiredep', 
    'useminPrepare', 
    'concurrent:dist', 
    'autoprefixer', 
    'concat', 
    'ngAnnotate', 
    'copy:dist', 
    'cdnify', 
    'cssmin', 
    'uglify', 
    'filerev', 
    'usemin', 
    'htmlmin' 
    ]); 

    grunt.registerTask('build:theme:two', [ 
    'clean:dist', 
    'less:theme_two', 
    'wiredep', 
    'useminPrepare', 
    'concurrent:dist', 
    'autoprefixer', 
    'concat', 
    'ngAnnotate', 
    'copy:dist', 
    'cdnify', 
    'cssmin', 
    'uglify', 
    'filerev', 
    'usemin', 
    'htmlmin' 
    ]); 

    grunt.registerTask('default', [ 
    'newer:jshint', 
    'test', 
    'build' 
    ]); 

    grunt.loadNpmTasks('grunt-contrib-less'); 
}; 

Я понятия не имею, что может быть не так. Как я могу отладить эту ошибку?

Answer 1

Угловой находит зависимости контроллера от имен аргументов, найденных в функции конструктора. Когда вы уменьшаете код JavaScript для PrometheusApp, все его аргументы функции получают, и Angular не может найти модули.

Существует несколько способов сделать это.

1. рядная аннотация
2. $ впрыснуть недвижимости
3. Grunt плагин https://www.npmjs.com/package/grunt-ng-annotate плагина.

Я бы рекомендовал с помощью $ впрыснуть Property аннотацию

Это аннотаций позволяет minifiers переименовать параметры функции. При использовании этих функций аннотации необходимо аннотироваться с помощью свойства $ injection. Это массив имен служб для ввода этого модуля.

var PrometheusApp = function($scope, customComponent) { 
    // Do Stuff here 
} 
PrometheusApp.$inject = ['$scope', 'customComponent']; 

Это, очевидно, предпочтение, все три варианта, перечисленные выше, будут работать только для поиска. Я предпочитаю использовать $ injection Annotation, поскольку я стал более явным.

Посмотрите на угловой документации для инъекции зависимостей

https://docs.angularjs.org/guide/di

Answer 2

Попробуйте удалить uglifyjs из вашего процесса usemin, как показано ниже, чтобы узнать, если restangular была включена в файле vendor.js. + Могу ли я увидеть ваш файл bower.json?

useminPrepare: { 
    html: '<%= yeoman.app %>/index.html', 
    options: { 
    dest: '<%= yeoman.dist %>', 
    flow: { 
     html: { 
     steps: { 
      js: ['concat'], 
      css: ['cssmin'] 
     }, 
     post: {} 
     } 
    } 
    } 
},