스크립트 로딩 순서 오류 - require.js

Question

캐시를 삭제 한 후 앱의 초기로드에서 jquery가 정의되지 않음을 알게되었습니다. bc는 jquery가로드되기 전에 jquery 유효성 검사를로드하려고합니다. 새로 고침 후 모든 것이로드되어 제대로 작동합니다. 나는 이것을 올바르게 설정했다고 생각했지만 뭔가 빠졌는가? backbone.js, require.js 및 jquery를 사용하십시오.

Main.js :

require.config({ 
    paths: { 
    'jquery': 'libs/jquery/jquery-min', 
    'underscore': 'libs/underscore/underscore-min', 
    'backbone': 'libs/backbone/backbone-min', 
    'validate': 'jquery.validate-1.11.1.min', 
    'templates': '../templates' 
    }, 

shim: { 
    jquery: { 
    exports: "jquery" 
    }, 
    underscore: { 
    exports: '_' 
    }, 
    backbone: { 
    deps: ['underscore', 'jquery'], 
    exports: "backbone" 
    }, 
    validate: { 
    deps: ['jquery'], 
    exports: "validate" 
    } 
}, 

}); 

require([ 
    'app' 

], function(App){ 
    App.initialize(); 
}); 

App.js

다음

define([ 
    'jquery', 
    'underscore', 
    'backbone', 
    'validate', 
    'router', 
    'scripts' 
], function($, _, Backbone, validate, Router, scripts){ 
var initialize = function(){ 
    Router.initialize(); 
}; 

return { 
    initialize: initialize 
}; 
}); 

난에 파일을 업데이트 한 것입니다,하지만 여전히 운 :

require.config({ 
    paths: { 
'jquery': 'libs/jquery/jquery-min', 
'underscore': 'libs/underscore/underscore-min', 
'backbone': 'libs/backbone/backbone-min', 
    'validate': 'jquery.validate-1.11.1.min', 
'templates': '../templates' 
    }, 

shim: { 
    underscore: { 
    exports: '_' 
    }, 
    backbone: { 
    deps: ['underscore', 'jquery'], 
    exports: "Backbone" 
    }, 
    validate: { 
    deps: ['jquery', 'backbone'], 
    exports: "validate" 
    } 
} 

}); 

require([ 
    'app' 
], function(App){ 
    App.initialize(); 
}); 

앱 .js

define([ 
    'jquery', 
    'underscore', 
    'backbone', 
    'validate', 
    'router', 
    'scripts' 
], function($, _, Backbone, validate, Router, scripts){ 
    var initialize = function(){ 
Router.initialize(); 
    }; 

return { 
    initialize: initialize 
    }; 
}); 

Answer 1

어디서 오류가 나옵니까? 스택 추적을 붙여 넣을 수 있습니까?

또한 jquery의 URL을 확인할 가치가 있습니다. 브라우저에 jquery URL ('libs/jquery/jquery-min'으로 끝남)을 입력하고 찾을 수 있는지 확인하십시오.

Answer 2

exports은 타사 스크립트에서 예상되는 것과 동일한 유형이어야합니다. 이 경우 : jQuery 및 Backboneexports 속성은 전역 속성 이름과 일치 할 필요가

require.config({ 
    paths: { 
     'jquery': 'libs/jquery/jquery-min', 
     'underscore': 'libs/underscore/underscore-min', 
     'backbone': 'libs/backbone/backbone-min', 
     'validate': 'jquery.validate-1.11.1.min', 
     'templates': '../templates' 
    }, 
    shim: { 
     jquery: { 
      exports: "jQuery" 
     }, 
      underscore: { 
      exports: '_' 
     }, 
     backbone: { 
      deps: ['underscore', 'jquery'], 
      exports: "Backbone" 
     }, 
     validate: { 
      deps: ['jquery'], 
      exports: "validate" 
     } 
    }, 
}); 

Answer 3

- jQuery를의 경우, 그것은 $ 또는 jQuery이 될 필요가있다. 백본의 경우 Backbone이어야합니다.

또한 jQuery를 shimming하지 않아도됩니다. 명명 된 정의를 통해 AMD 호환이 상당히 오래되었습니다. https://github.com/jquery/jquery/blob/master/src/exports.js#L15-L17

Answer 4

여기에서 볼 수 있듯이 jquery validate는 $ .validate()에 의해 호출되는 플러그인입니다.

그런 경우에는 내보낼 필요가 없습니다.

당신은 시도하고이 당신을 위해 도움이되는 경우가 나타날 수 있습니다

shim: { 
     validate: { 
      deps: ['jquery'] 
     } 
    } 

당신은 또한 참조 유사한 유래 질문 볼 수 있습니다 회신에 대한 How to make a jQuery plugin loadable with requirejs

Answer 5

감사합니다, 나는 당신의 의견은 고정 확신 내가 가지고 있었을 다른 몇 가지 이슈들. 내가 require.js 0.27.0의 정말로 오래된 버전을 사용하고 있었고 최신 jquery 문제가 수정 된 것 같습니다.