过去几天我一直在使用Require.JS和SignalR,我注意到,当我加载我的网站时,有时SignalR / Hub似乎在jquery之前加载,尽管我的require.js配置似乎是正确的。< / p>
这是我的配置:
require.config({
paths: {
jQuery: 'libs/jquery/jquery',
Underscore: 'libs/underscore/underscore',
Backbone: 'libs/backbone/backbone',
Marionette: 'libs/backbone/backbone.marionette'
}
});
require([
'app',
'order!libs/jquery/jquery-min',
'order!libs/jQueryUI/jquery-ui-1.8.11.min',
'order!libs/jqGrid/grid.locale-en',
'order!libs/jqGrid/jquery.jqGrid.min',
'order!libs/underscore/underscore-min',
'order!libs/backbone/backbone-min',
'order!Marionette',
'order!libs/jquery.signalR-0.5.1',
'order!noext!signalr/hubs'
], function (app) {
app.initialize();
});
当此失败时,我在hubs文件的第16行收到错误。它说uncaught TypeError: Cannot read property 'signalR' of undefined
。
升级到V2并修改我的配置。
var fRequire = require.config({
paths: {
jQuery: 'libs/jquery/jquery',
Underscore: 'libs/underscore/underscore',
Backbone: 'libs/backbone/backbone',
Marionette: 'libs/backbone/backbone.marionette',
sigr: 'libs/jquery.signalR-0.5.1'
},
shims: {
"libs/jquery.signalR-0.5.1": {
deps: ["jQuery"]
},
"libs/jqGrid/jquery.jqGrid.min": {
deps: ["jQuery"]
},
"libs/jquery/jquery-ui-1.8.19.min": {
deps: ["jQuery"]
},
"libs/jqGrid/grid.locale-en": {
deps: ["jQuery"]
},
"noext!signalr/hubs": {
deps: ["sigr"]
}
}
});
fRequire([
'app'
], function (app) {
app.initialize();
});
现在要求查找jquery,下划线等错误的位置......尽管我告诉它具体到哪里看。当我配置需要使用v1时,这可能与我有关。遵循旧教程。
http://backbonetutorials.com/organizing-backbone-using-modules/
最终更新:
这是我的工作配置。希望它能帮助像我这样的新手通过这个问题。
require.config({
baseUrl: '/js',
paths: {
"jquery": 'libs/jquery/jquery-min',
"underscore": 'libs/underscore/underscore-min',
"backbone": 'libs/backbone/backbone-min',
"marionette": 'libs/backbone/backbone.marionette',
"sigr": 'libs/jquery.signalR-0.5.1'
},
shims: {
"backbone": {
deps: ["underscore", "jquery"],
exports: "Backbone"
},
"underscore": {
deps: ["jquery"]
},
"marionette": {
deps: ["backbone", "jquery"]
},
"sigr": {
deps: ["jquery"]
},
"libs/jqGrid/jquery.jqGrid.min": {
deps: ["jquery"]
},
"libs/jquery/jquery-ui-1.8.19.min": {
deps: ["jquery"]
},
"libs/jqGrid/grid.locale-en": {
deps: ["jquery"]
},
"noext!signalr/hubs": {
deps: ["sigr"]
}
}
});
// for future ref, I loaded jquery here because app.js references sigr which requires it.
// without enabling it before the module is loaded sigr would complain jquery was not enabled.
require([
'libs/domReady',
'app',
'jquery'
], function (domReady, app, $) {
domReady(function () {
app.initialize();
});
});
我必须在函数中加载jquery(domready,app,$)。如果不这样做,将导致信号报告无法找到它。
答案 0 :(得分:5)
如果您使用的是requirejs 2.x,则可以使用“shims”配置属性。在那里,您可以指定不符合AMD标准的文件之间的依赖关系,如jquery,jqueryui等。
使用您的配置作为示例:
require.config({
paths: {
jQuery: 'libs/jquery/jquery',
Underscore: 'libs/underscore/underscore',
Backbone: 'libs/backbone/backbone',
Marionette: 'libs/backbone/backbone.marionette'
},
// specify depedencies
shim: {
"libs/jquery.signalR-0.5.1" : {
deps: ["jQuery"]
},
"libs/jqGrid/jquery.jqGrid.min" : {
deps: ["jQuery"]
}
}
});
另外,在“shims”中配置依赖项消除了使用“order!”插件。
提示:使用“路径”为系统使用的api设置一个友好名称,因此当发布该api的新版本时,您只需更改“路径”即可完成。
答案 1 :(得分:1)
只是为了跟进所提供的答案以及为什么你仍然需要预先包含jQuery ... require的配置设置是“shim”,而不是“shims”。如果没有正确的配置设置拼写,Require将无法识别和预加载指定的依赖项。最近我受到了这一点的打击并发布了它:http://mikeycooper.blogspot.com/2013/01/requirejs-20-dependencies-seemingly.html