执行以下“主”模块时,我收到“TypeError:OrdersPage 不是构造函数”
require(
[
'app/pages/orders/OrdersPage'
],
function(OrdersPage) {
'use strict';
new OrdersPage();
}
);
事实证明,当我在函数(OrdersPage)中时,“OrdersPage”是未定义的。所以问题是为什么它是未定义的——尽管将 OrdersPage 定义为依赖项?
这是 OrdersPage 的代码,它实际上是被命中的,但是在打印了上述错误之后:
require(
[
'backbone'
],
function() {
'use strict';
console.log('In OrdersPage');
return Backbone.View.extend({
});
}
);
综上所述,控制台输出如下:
TypeError: OrdersPage is not a constructor
In OrdersPage
这告诉我 OrdersPage 模块是在加载并执行“主”模块之后加载的,这为时已晚!
编辑 1此处提供了 一个非常简单的项目来演示此问题。
编辑 2 我已经在我的 RequireJS 配置中声明了 Backbone:
require.config({
// Initialize the application with the main application file
deps: ['main'],
paths: {
// jQuery
jquery: 'vendor/jquery-1.8.3',
// Underscore
underscore: 'vendor/underscore-1.4.3',
// Backbone
backbone: 'vendor/backbone-0.9.9',
// Templating
handlebars: 'vendor/handlebars-1.0.rc.1'
},
shim: {
backbone: {
deps: ['underscore', 'jquery'],
exports: 'Backbone'
},
handlebars: {
exports: 'Handlebars'
},
underscore: {
exports: '_'
}
}
});
require(
[
'app/pages/orders/main'
],
function() {
'use strict';
}
);