Grunt文件不加载ngCordova和jQuery [英] Grunt file not loading ngCordova and 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：s​​erver'，'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：s​​erver'，'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 for

app.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的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！