7

プラグインは、ほとんどの場合、jQuery の前にロードすることを要求します。そして、シム設定を使用しているため、これを行うべきではありません。

私のmain.jsには次の設定があります：

requirejs.config({
   paths: {
        'jquery': 'https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min',
        'bootstrap': '../bootstrap/js/bootstrap.min',
        'select2': 'vendor/select2',
        'jshashtable': 'vendor/jshashtable-2.1',
        'jquery.numberformatter': 'vendor/jquery.numberformatter-1.2.3.min',
        'jq-datepicker': 'vendor/bootstrap-datepicker',
        'jq-datepicker.da': 'vendor/bootstrap-datepicker.da'
    }, 

    // Use shim for plugins that does not support ADM
    shim: {
        'bootstrap': ['jquery'],
        'select2': ['jquery'],
        'jq-datepicker': ['jquery'],
        'jshashtable': ['jquery'],
        'jquery.numberformatter': ['jquery', 'jshashtable']
    },
    enforceDefine: true
});

このファイルの後半には、次のものがあります。

// Start the main app logic.
requirejs(['jquery', 'bootstrap', 'jq-datepicker'],
function ($) {

    console.log('Require.JS loaded');

    // Init datepickers
    // Docs: https://github.com/eternicode/bootstrap-datepicker
    $('.datepicker').datepicker({
        format: 'dd/mm/yyyy',
        language: 'da',
        keyboardNavigation: false,
        autoclose: true
    });

});

しかし、私はいつもこのエラーを受け取ります:

Uncaught TypeError: undefined is not a function bootstrap.min.js:6
(anonymous function) bootstrap.min.js:6
(anonymous function)

また、Chrome の [ネットワーク] タブで、jQuery の前に読み込まれていることがわかります。

enforceDefine: trueここでstackoverflowを調べた後、追加しようとしましたが、うまくいきませんでした。requirejs.config を自分の html ページに移動してみました。そしてローカルファイルからjQueryを読み込んでみました。すべて運が悪い。

私は何が欠けていますか？

4

4 に答える 4

5

あなたもjqueryをシムしましたか？

shim: {
    jQuery: {
       exports: 'jquery'
    },
    'bootstrap': {
       exports : 'jquery'
     },
    'select2': {
       exports :'jquery'
     },
     ...
},
于 2013-01-08T09:39:10.113 に答える