jquery - jquery validateがロードされていないrequirejs

Question

RequireJS にメイン モジュールがあります。

require([
    'jquery',
    'jquery.validate',
    'jquery.validate.unobtrusive'
], function ($) {
    $(document).ready(function () {
        var validator = $("form").validate();
        if ($("#txtFirstName").val() !== "")
            validator.element("#txtFirstName");
    });
});

このページを読み込むと、JavaScript エラーが発生します。

TypeError: $(...).validate は関数ではありません var validator = $("form").validate();**

私は今、なぜですか？すべてのスクリプトがロードされます:

Answer 1

shim依存関係を正しく「配線」するように構成する必要があります。

require.config({
  paths: {
    'jquery': 'path-to-jquery',
    'jquery.validate': 'path-to-jquery-validate',
    'jquery.validate.unobtrusive': 'path-to-jquery-validate-unobtrusive'
  },
  shim: {
    'jquery.validate': ['jquery'],
    'jquery.validate.unobtrusive': ['jquery', 'jquery.validate']
  }
});

require(['jquery', 'jquery.validate', 'jquery.validate.unobtrusive'], function ($) {
  // your code
});

詳細 (および例)は公式ドキュメントにあります( 「jQuery または Backbone プラグインだけの「モジュール」については...」セクションを参照してください)。