本文介绍了Grunt文件不加载ngCordova和jQuery的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 限时删除！！ 我还有以下几个咕噜声： //在2016-04-28生成使用generator-angular 0.15.1 // cwd - 所有的src匹配都是相对于（但不包括）这个路径。'use strict'; //＃Globbing //出于性能原因，我们只匹配一个级别：//'test / spec / {，* /}*.js'//如果要递归匹配所有子文件夹，请使用此方法：//'test / spec / ** / *。js'module.exports = function（grunt）{//时间多长时间执行任务。可以帮助优化构建时间需要（'时间咕噜'）（咕噜）; //自动加载所需的Grunt任务require（'jit-grunt'）（grunt，{useminPrepare：'grunt-usemin'，ngtemplates：'grunt-angular-templates'，cdnify：'grunt-google-cdn'}）; //应用程序的可配置路径var appConfig = {app：require（'./ bower.json'）。appPath || 'app'，dist：'www'}; //定义所有任务的配置grunt.initConfig（{//项目设置yeoman：appConfig，//监视文件的更改并根据更改的文件运行任务watch：{bower：{files：['bower.json' ]，任务：['wiredep']}，js：{files：['<％= yeoman.app％> / scripts / {，* /} *。js']，任务：['newer：jshint： all'，'newer：jscs：all']，options：{livereload：'<％= connect.options.livereload％>'}}，jsTest：{files：['test / spec / {，* /} * .js']，任务：['newer：jshint：test'，'newer：jscs：test'，'karma']}，styles：{files：['<％= yeoman.app％> / styles /{,*/}*.css']，任务：['newer：copy：styles'，'postcss']}，gruntfile：{files：['Gruntfile.js']}，livereload：{options：{livereload ：'<％= connect.options.livereload％>'}，文件：[ '<％= yeoman.app％> / {，* /} *。html'，'.tmp / styles / {，* /} * .css'，'<％= yeoman.app％> /图片/ {，* /} *。{png，jpg，jpeg，gif，webp，svg}']}}，//实际的grunt服务器设置connect：{options：{port：9000，//将其更改为' 0.0.0.0'从外部访问服务器。主机名：'localhost'，livereload：35729}，livereload：{options：{open：true，middleware：function（connect）{return [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 bower_components'，connect.static（'./ bower_components'）），connect.static（appConfig.app）]; }}} dist：{options：{open：true，base：'<％= yeoman.dist％>'}}} //确保没有明显错误jshint：{options：{jshintrc：' .jshintrc'，记者：require（'jshint-stylish'）}，all：{src：['Gruntfile.js'，'<％= yeoman.app％> / scripts / {，* /} *。js ']}，test：{options：{jshintrc：'test / .jshintrc'}，src：['test / spec / {，* /} *。js']}} //确保代码风格取决于par jscs：{options：{config：'.jscsrc'，verbose：true}，all：{src：['Gruntfile.js'，'<％= yeoman.app％> / scripts / {，* /} * .js']}，test：{src：['test / spec / {，* /} *。js']}} //清空文件夹以重新开始清理：{dist：{files：[{真，src ：['.tmp'，'<％= yeoman.dist％> / {，* /} *'，'！<％= yeoman.dist％> /。git {，* /} *'] }}，server：'.tmp'}，//添加供应商前缀样式postcss：{options：{processors：[require（'autoprefixer-core'）（{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 /'} ]}} //将Bower组件自动注入应用程序wiredep：{app：{src：['<％= yeoman.app％> /index.html']，ignorePath：/\.\.\\ \\ //}，测试：{devDependencies：true， src：'<％= karma.unit.configFile％>'，ignorePath：/\.\.\//，fileTypes：{js：{block：/（（[\ s\t] ？*）\ / {2} \s *亭子：\s *（\S *））（\\\ | \r |）*（\ / {2} \s。？ * endbower）/ gi，detect：{js：/'(.*\.js)'/gi}，替换：{js：'\'{{filePath}} \'，'}}}}} ，//为浏览器缓存目的重命名文件filerev：{dist：{src：['<％= yeoman.dist％> / scripts / {，* /} *。js'，'<％= yeoman.dist ％> / styles / {，* /} * .css'，'<％= yeoman.dist％> / images / {，* /} *。{png，jpg，jpeg，gif，webp，svg} '，'<％= yeoman.dist％> / styles / fonts / *']}}，//读取usemin块的HTML以启用自动//连接，缩小和修订文件的智能构建。在内存中创建配置，//额外的任务可以对它们进行操作useminPrepare：{html：'<％= yeoman.app％> /index.html'，options：{dest：'<％= yeoman.dist％> ;'，flow：{html：{steps：{js：['concat'，'uglifyjs']，css：['cssmin']}，post：{}}}}} //执行基于filerev的重写和useminPrepare配置usemin：{html：['<％= yeoman.dist％> / {，* /} *。html']，css：['<％= yeoman.dist％> / styles / { ，* /} *。css']，js：['<％= yeoman.dist％> / scripts / {，* /} *。js']，options：{assetsDirs：['<％= yeoman .dist％>'，'<％= yeoman.dist％> / images'，'<％= yeoman.dist％> / styles']，patterns：{js：[[/（images \ /[^''\"\"]*\.(png|jpg|jpeg|gif|webp|svg))/g，'替换对图像的引用']]}}}，//以下* -min任务将在dist文件夹中生成缩小的文件//默认情况下，您的`index.html`的<！ - Usemin块 - >会照顾//缩小。如果您不希望//使用Usemin块，则会预先配置这些下一个选项。 // cssmin：{// dist：{// files：{//'<％= yeoman.dist％> /styles/main.css'：[//'.tmp / styles / {，* /} * .css'//] //} //} //}，// uglify：{// dist：{//文件：{//'<％= 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：{collapseWhit espace：true，conservativeCollapse：true，collapseBooleanAttributes：true，removeCommentsFromCDATA：true}，files：[{expand：true，cwd：'<％= yeoman.dist％>'，src：['* .html']， dest：'<％= yeoman.dist％>'}]}}，ngtemplates：{dist：{options：{module：'app'，htmlmin：'<％= htmlmin.dist.options％>' ，usemin：'scripts / scripts.js'}，cwd：'<％= yeoman.app％>'，src：'views / {，* /} *。html'，dest：'.tmp / templateCache。 js'}}，// ng-annotate尝试使代码安全地自动缩小//通过使用Angular long表单进行依赖注入。 ngAnnotate {dist：{files：[{expand：true，cwd：'.tmp / concat / scripts'，src：'* .js'，dest：'.tmp / concat / scripts'}]}}，//替换Google CDN参考cdnify：{dist：{html：['<％= yeoman.dist％> / *。html']}}，//将剩余文件复制到其他任务可以使用的位置copy：{dist：{文件：[{expand：true，dot：true，cwd：'<％= yeoman.app％>'，dest：'<％= yeoman.dist％>'，src：['*。{ico ，png，txt}'，'* .html'，'images / {，* /} *。{webp}'，'styles / fonts /{,*/}*.*'，'bower_components / ** / * '，}}，{expand：true，cwd：'.tmp / images'，dest：'<％= yeoman.dist％> / images'，src：['generated / *']}，{expand： true，cwd：'bower_components / bootstrap / dist'，src：'fonts / *'，dest：'<％= yeoman.dist％>'}]}，styles：{expand：true，cwd：'<％= yeoman.app％> / styles'，dest：'.tmp / styles /'，src：'{，* /} *。css'}}，//并行运行一些任务以加快构建过程并发：{server：['copy ：styles']，test：['copy：styles']，dist：['copy：styles'，'imagemin'，'svgmin']}，//测试设置karma：{unit：{configFile：'test / karma .conf.js'，singleRun：true}}}）; grunt.registerTask（'serve'，'编译然后开始连接web服务器'，函数（target）{if（target ==='dist'）{return grunt.task.run（['build'，'connect：dist ：keepalive']）;} grunt.task.run（['clean：server'，'wiredep'，'concurrent：server'，'postcss：server'，'connect：livereload'，'watch']）;}） ; grunt.registerTask（'server'，'DEPRECATED TASK。使用serve任务，而不是'function（target）{grunt.log.warn（''server'task已被弃用，使用`grunt serve`来启动server）'）; grunt.task.run（['serve：'+ target]）;}）; grunt.registerTask（'test'，['clean：server'，'wiredep'，'concurrent：test'，'postcss'，'connect：test'，'karma']）; grunt.registerTask（'build'，['clean：dist'，'wiredep'，'useminPrepare'，'concurrent：dist'，'postcss'，'ngtemplates'，'concat'，'ngAnnotate'，'copy：dist' ，'cssmin'，'uglify'，'filerev'，'usemin'，'htmlmin']）; grunt.registerTask（'default'，['newer：jshint'，'newer：jscs'，'test'，'build']）;}; 我的index.html： .. < div class =containerng-view =>< / div> <！ - build：js（。）scripts / vendor.js - > <！ - bower：js - > < script src =bower_components / jquery / dist / jquery.js>< / script> < script src =bower_components / angular / angular.js>< / script> < script src =bower_components / ngCordova / dist / ng-cordova.js>< / script> < script src =bower_components / bootstrap / dist / js / bootstrap.js>< / script> < script src =bower_components / angular-animate / angular-animate.js>< / script> < script src =bower_components / angular-aria / angular-aria.js>< / script> < script src =bower_components / angular-cookies / angular-cookies.js>< / script> < script src =bower_components / angular-resource / angular-resource.js>< / script> < script src =bower_components / angular-route / angular-route.js>< / script> < script src =bower_components / angular-sanitize / angular-sanitize.js>< / script> < script src =bower_components / angular-touch / angular-touch.js>< / script> <！ - endbower - > <！ - endbuild - > < script type =text / javascriptsrc =cordova.js>< / script> <！ - build：js（{。tmp，app}）scripts / scripts.js - > < script src =scripts / app.js>< / script> b $ b 但是，它没有cdnifying或复制ngCordova，我得到以下错误： Uncaught Error：[$ injector： modulerr]由于以下原因无法实例化模块应用程序：错误：[$ injector：modulerr]无法实例化模块ngCordova，原因是：错误：[$ injector：nomod]模块'ngCordova'不可用！您拼错了模块名称或 app.js和支付方式： （function（）{'use strict'; an gular .module（'app'，['ngRoute'，'ngCookies'，'ngCordova'））.config（config）; config。$ inject = ['$ routeProvider'，'$ locationProvider'，'$ httpProvider'];函数配置（$ routeProvider，$ locationProvider，$ httpProvider）{$ routeProvider .when（'/ login'，{controller：'LoginCtrlr'，templateUrl：'views / login.html'，controllerAs：'login'}）.when '/'，{controller：'PaymentCtrl'，templateUrl：'views / payment.html'，controllerAs：'pay'}）.when（'/ scan'，{controller：'ScanCtrl'，templateUrl：'views / scan。 html'，controllerAs：'scan'}）.otherwise（{redirectTo：'/'}）; //$httpProvider.defaults.headers.post = {}; $ httpProvider.defaults.headers.post ['Access-Control-Allow-Origin'] ='*'; //$httpProvider.defaults.headers.common['Access-Control-Allow-Origin'] ='*'; $ httpProvider.defaults.headers.post ['Accept'] ='application / json'; $ httpProvider.defaults.headers.post ['Content-Type'] ='application / json;字符集= UTF-8’ ; $ httpProvider.defaults.headers.post ['Access-Control-Max-Age'] ='1728000'; }}）（）; （ function'（）{'use strict'; tickrAngularCordovaApp * / angular.module（'app'，['ngCordova']）.troller（'PaymentCtrl'，['$ scope'，'PayService'，'cordova' '$ cordovaInAppBrowser'，函数（$ scope，PayService，$ window，cordova，$ cordovaInAppBrowser）{cordova.ready.then（function（）{console.log（'Cordova is ready'）; console.log（Ready .. ..）; var options = {location：'yes'，clearcache：'yes'，toolbar：'no'}; $ scope.redirectPayment = function（）{PayService.redirectPayment（）.then（function（response）{ $ scope.result = response.data; console.log（Success！...+ response.data）; var urlToG o = $ scope.result.data.payment_url; console.log（URL to redirect ..+ urlToGo）//window.location.href = urlToGo; $ cordovaInAppBrowser.open（urlToGo，'_self'，options）.then（function（event）{// success console.log（Success ...）;}）.catch（function（event）{// error console .log（Error ...）;}）; $ cordovaInAppBrowser.close（）; }，函数（错误）{$ scope.status ='无法重定向到payment_url'+错误; }）; }; }）; }]）; }）（）; 解决方案 < script src =lib / ngCordova / dist / ng-cordova.min的.js>< /脚本> 请确保您使用 bower install ngCordova NOT ！ bower install ng-cordova I ahve the following grunt tasks:// Generated on 2016-04-28 using generator-angular 0.15.1//cwd - All src matches are relative to (but don't include) this path.'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'module.exports = function (grunt) { // Time how long tasks take. Can help when optimizing build times require('time-grunt')(grunt); // Automatically load required Grunt tasks require('jit-grunt')(grunt, { useminPrepare: 'grunt-usemin', ngtemplates: 'grunt-angular-templates', cdnify: 'grunt-google-cdn' }); // Configurable paths for the application var appConfig = { app: require('./bower.json').appPath || 'app', dist: 'www' }; // Define the configuration for all the tasks grunt.initConfig({ // Project settings yeoman: appConfig, // 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', 'newer:jscs:all'], options: { livereload: '<%= connect.options.livereload %>' } }, jsTest: { files: ['test/spec/{,*/}*.js'], tasks: ['newer:jshint:test', 'newer:jscs:test', 'karma'] }, styles: { files: ['<%= yeoman.app %>/styles/{,*/}*.css'], tasks: ['newer:copy:styles', 'postcss'] }, 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 [ 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 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'] } }, // Make sure code styles are up to par jscs: { options: { config: '.jscsrc', verbose: true }, all: { src: [ 'Gruntfile.js', '<%= yeoman.app %>/scripts/{,*/}*.js' ] }, test: { 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 postcss: { options: { processors: [ require('autoprefixer-core')({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'], js: ['<%= yeoman.dist %>/scripts/{,*/}*.js'], options: { assetsDirs: [ '<%= yeoman.dist %>', '<%= yeoman.dist %>/images', '<%= yeoman.dist %>/styles' ], patterns: { js: [[/(images\/[^''""]*\.(png|jpg|jpeg|gif|webp|svg))/g, 'Replacing references to images']] } } }, // 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 }, files: [{ expand: true, cwd: '<%= yeoman.dist %>', src: ['*.html'], dest: '<%= yeoman.dist %>' }] } }, ngtemplates: { dist: { options: { module: 'app', htmlmin: '<%= htmlmin.dist.options %>', usemin: 'scripts/scripts.js' }, cwd: '<%= yeoman.app %>', src: 'views/{,*/}*.html', dest: '.tmp/templateCache.js' } }, // 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}', '*.html', 'images/{,*/}*.{webp}', 'styles/fonts/{,*/}*.*', 'bower_components/**/*', ] }, { expand: true, cwd: '.tmp/images', dest: '<%= yeoman.dist %>/images', src: ['generated/*'] }, { expand: true, cwd: 'bower_components/bootstrap/dist', src: 'fonts/*', 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']); } grunt.task.run([ 'clean:server', 'wiredep', 'concurrent:server', 'postcss:server', 'connect:livereload', 'watch' ]); }); 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', 'postcss', 'connect:test', 'karma' ]); grunt.registerTask('build', [ 'clean:dist', 'wiredep', 'useminPrepare', 'concurrent:dist', 'postcss', 'ngtemplates', 'concat', 'ngAnnotate', 'copy:dist', 'cssmin', 'uglify', 'filerev', 'usemin', 'htmlmin' ]); grunt.registerTask('default', [ 'newer:jshint', 'newer:jscs', 'test', 'build' ]);};My index.html:.. <div class="container" ng-view=""></div> <!-- build:js(.) scripts/vendor.js --> <!-- bower:js --> <script src="bower_components/jquery/dist/jquery.js"></script> <script src="bower_components/angular/angular.js"></script> <script src="bower_components/ngCordova/dist/ng-cordova.js"></script> <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script> <script src="bower_components/angular-animate/angular-animate.js"></script> <script src="bower_components/angular-aria/angular-aria.js"></script> <script src="bower_components/angular-cookies/angular-cookies.js"></script> <script src="bower_components/angular-resource/angular-resource.js"></script> <script src="bower_components/angular-route/angular-route.js"></script> <script src="bower_components/angular-sanitize/angular-sanitize.js"></script> <script src="bower_components/angular-touch/angular-touch.js"></script> <!-- endbower --> <!-- endbuild --> <script type="text/javascript" src="cordova.js"></script> <!-- build:js({.tmp,app}) scripts/scripts.js --> <script src="scripts/app.js"></script>But, its not cdnifying or copying ngCordova and I get the following error:"Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: Error: [$injector:modulerr] Failed to instantiate module ngCordova due to: Error: [$injector:nomod] Module 'ngCordova' is not available! You either misspelled the module name or forapp.js and pay ctrlr:(function () { 'use strict'; angular .module('app', ['ngRoute', 'ngCookies','ngCordova']) .config(config); config.$inject = ['$routeProvider', '$locationProvider', '$httpProvider']; function config($routeProvider, $locationProvider, $httpProvider) { $routeProvider .when('/login', { controller: 'LoginCtrlr', templateUrl: 'views/login.html', controllerAs: 'login' }) .when('/', { controller: 'PaymentCtrl', templateUrl: 'views/payment.html', controllerAs: 'pay' }) .when('/scan', { controller: 'ScanCtrl', templateUrl: 'views/scan.html', controllerAs: 'scan' }) .otherwise({ redirectTo: '/' }); //$httpProvider.defaults.headers.post = {}; $httpProvider.defaults.headers.post['Access-Control-Allow-Origin'] = '*'; //$httpProvider.defaults.headers.common['Access-Control-Allow-Origin'] = '*'; $httpProvider.defaults.headers.post['Accept'] = 'application/json'; $httpProvider.defaults.headers.post['Content-Type'] = 'application/json; charset=utf-8'; $httpProvider.defaults.headers.post['Access-Control-Max-Age'] = '1728000'; }})();(function () { 'use strict';ntroller of the tickrAngularCordovaApp */ angular.module('app', ['ngCordova']) .controller('PaymentCtrl',['$scope', 'PayService', 'cordova','$cordovaInAppBrowser', function ($scope, PayService,$window,cordova,$cordovaInAppBrowser){ cordova.ready.then(function () { console.log('Cordova is ready'); console.log("Ready...."); var options = { location: 'yes', clearcache: 'yes', toolbar: 'no' }; $scope.redirectPayment = function () { PayService.redirectPayment() .then(function (response) { $scope.result = response.data; console.log("Success!..." + response.data); var urlToGo = $scope.result.data.payment_url; console.log("URL to redirect.." + urlToGo) //window.location.href = urlToGo; $cordovaInAppBrowser.open(urlToGo, '_self', options) .then(function(event) { // success console.log("Success..."); }) .catch(function(event) { // error console.log("Error..."); }); $cordovaInAppBrowser.close(); }, function (error) { $scope.status = 'Unable to Redirect to payment_url ' + error; }); }; }); }]);})(); 解决方案 change the src path and test:<script src="lib/ngCordova/dist/ng-cordova.min.js"></script>make sure you use bower install ngCordova NOT! bower install ng-cordova 这篇关于Grunt文件不加载ngCordova和jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！ 1403页，肝出来的..