javascript – 使用requirejs时ngAnimate无法正常工作

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用requirejs时ngAnimate无法正常工作，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2835字，纯文字阅读大概需要5分钟。

内容图文

参见英文答案 > Angular-animate – Unknown provider: $$asyncCallbackProvider <- $$asyncCallback <- $animate <- $compile                                    5个
我在main.js文件中有以下代码：

require.config({

paths: {
    'angular': 'libs/angular/angular',
    'angular-route': 'libs/angular-route/angular-route',
    'angular-resource':'libs/angular-resource/angular-resource', 
    'angular-animate':'libs/angular-animate/angular-animate.min',       
    'domReady': 'libs/requirejs-domready/domReady',
    'jquery':'libs/jquery/jquery-1.11.0.min',
    'calendar':'libs/calendar/calendar',
    'blockUI':'libs/blockUI/jquery.blockUI',
    'modernizr':'libs/modernizr-2.6.2.min',
    'calendario':'libs/jquery.calendario',
    'respond':'libs/respond.min',        
    'pushy':'libs/pushy/pushy',
    'html5shiv':'libs/html5shiv',
    'custom':'libs/custom',
    'toastr':'libs/toastr/toastr.min',
    'picker':'libs/pickadate/lib/picker',
    'pickadate':'libs/pickadate/lib/picker.date',

},

/**
 * for libs that either do not support AMD out of the box, or
 * require some fine tuning to dependency mgt'
 */
shim: {
    'angular': {
        exports: 'angular'
    },
    'angular-route': {
        deps: ['angular']
    },
    'angular-resource':{
        deps:['angular']

    },
    'angular-animate':{
        deps:['angular']
    },
    'blockui': ["jquery"],
    'pushy':{
        deps:['jquery','modernizr'],           
    },
    'custom':{
        deps:['jquery']
    },
    'calendario':{
        deps:['jquery']
    },
    'picker':{
        deps:['jquery']
    },
    'pickerdate':{
        deps:['jquery']
    },
    'toastr':{
        deps:['jquery']
    }
},
catchError: {
    define: true
},
waitSeconds:1,

deps: [
    // kick start application... see bootstrap.js
    './bootstrap'
]
 });

在我的bootstap.js文件中,我有以下代码

 require([
    'require',
    'angular',  
    'angular-animate',  
    'jquery',        
    'picker', 
    'pickadate',          
    'app',
    'routes'
 ], function (require,ng,ngAnimate,$,picker,pickadate) {
    'use strict';

    /*
     * place operations that need to initialize prior to app start here
     * using the `run` function on the top-level module
     */

    require(['domReady!'], function (document) {
        ng.bootstrap(document, ['app']);
    });
});

在app.js文件中我有以下代码：

 define([
    'angular',    
    'angular-route',
    './controllers/index',
    './directives/index',
    './filters/index',
    './services/index'
 ], function (angular) {
    'use strict';

    return angular.module('app', [
        'app.controllers',
        'app.directives',
        'app.filters',
        'app.services',       
        'ngRoute',        
        'ngResource',
        'ngAnimate'
    ]);
});

它抛出以下错误：

Uncaught Error: [$injector:unpr] Unknown provider:
$$asyncCallbackProvider
<- $$asyncCallback <- $animate <- $compile
07001$injector/unpr?p0=%24%24asyncCallbackProvider%20%3C-%20%24%24asyncCallback%20%3C-%20%24animate%2……le

解决方法:

解决方案可以像升级到AngularJS的最新版本一样简单,因为这个人发现了从1.2.6到1.2.15的类似问题.

Angular-animate – Unknown provider: $$asyncCallbackProvider <- $$asyncCallback <- $animate <- $compile

在撰写本文时,您将从1.2.3升级到1.2.18

我认为问题是由链接底部的Paul Webber解释的,他说ngAnimate和AngularJS的版本不同步,因此建议使用两个库的最高稳定版本

内容总结

以上是互联网集市为您收集整理的javascript – 使用requirejs时ngAnimate无法正常工作全部内容，希望文章能够帮你解决javascript – 使用requirejs时ngAnimate无法正常工作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端