Question

我已经阅读了这个问题的答案require js loading scripts from cdn fail。但就我而言，它没有帮助。我有一个需要JS设置，我想使用CDN加载我的库。下面的Require JS文档说明了从CDN加载libs并使用回退到本地文件的正确方法。

  requirejs.config({
    //To get timely, correct error triggers in IE, force a define/shim exports check.
    enforceDefine: true,
    paths: {
        jquery: [
            'http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min',
            //If the CDN location fails, load from this location
            'lib/jquery'
        ]
    }
});


require(['jquery'], function ($) {
});

我使用相同的方法，但我得到一个错误，下面是我的代码

    requirejs.config({

    baseUrl: location.protocol + '//' + location.host + '/app',

    waitSeconds: 0,

    paths: {

        'jquery': ['https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min','/assets/js/vendor/jquery'],
        'jqueryPjax': '/assets/js/vendor/jquery.pjax',
        'jqueryUI': '/assets/js/vendor/jquery-ui.min',

        'jqueryMousewheel': '/assets/js/jquery.mousewheel',
        'jScrollPane': '/assets/js/jquery.jscrollpane.min',

        'fastclick': '/assets/js/vendor/fastclick',

        'jquerySlidebars': '/assets/js/jquery.slidebars.min',

        'imagesLoaded': '/assets/js/imagesloaded.pkgd.min',
        'fancyBox': '/assets/js/jquery.fancybox.pack',
        'fancyBoxThumb': '/assets/js/jquery.fancybox-thumbs',

        'text': '/assets/js/vendor/text',
        'chosen': '/assets/js/vendor/chosen',
        'bb': '/assets/js/vendor/backbone-min',
        'underscore': '/assets/js/vendor/underscore-min',
        'angular': '/assets/js/angular.min',


        'ventFactory': 'base/ventFactory',
        'util': 'base/util',
        'dom': 'base/dom',
        'actionHandler': 'base/actionHandler',
        'ajax': 'base/ajax'
    },

    shim: {
        'jquery': {
            exports: 'jQuery'
        },

        'jqueryUI': {
            deps: ['jquery']
        },

        'angular': {
            exports: 'angular'
        },

        'jqueryPjax': {
            deps: ['jquery'],
            exports: 'jQuery.fn.pjax'
        },

        'jqueryMousewheel': {
            deps: ['jquery'],
            exports: 'jQuery.fn.mousewheel'
        },

        'jScrollPane': {
            deps: ['jqueryMousewheel'],
            exports: 'jQuery.fn.jScrollPane'
        },

        'jquerySlidebars': {
            deps: ['jquery'],
            exports: 'jquerySlidebars'
        },

        'fancyBox': {
            deps: ['jquery'],
            exports: 'fancyBox'
        },
        'fancyBoxThumb': {
            deps: ['jquery', 'fancyBox'],
            exports: 'fancyBoxThumb'
        },
        'chosen': {
            deps: ['jquery'],
            exports: 'chosen'
        }
    }

});

requirejs(['jquery', 'app'], function($, app) {
    $(function() {
        app.start();
    });
});

我刚刚对Jquery进行了更改，我现在提供了CDN URL和本地路径，但是当我加载页面时出现错误

TypeError：$ el.siblings不是函数

加入我正在使用Require JS来加载我的库，但是在生产中我使用杏仁，它将所有模块组合成一个单独的文件，所以这与错误有关吗？

对此的任何帮助都非常感谢。谢谢

Answer 1

添加我正在使用Require JS来加载我的库，但是在生产中我使用almond，它将所有模块组合成一个单独的文件，所以这与错误有关吗？

是的，确实如此。杏仁无法做动态加载。换句话说，您希望Almond加载的所有内容必须是一组模块。你不能在杏仁上使用CDN。

＆＃34;没有动态加载＆＃34;是list of restrictions中的第一个限制。

需要JS，通过CDN加载库失败

1 个答案: