Requirejs Require、Knockout和pager是未定义的TypeError
我的主要意见如下:Requirejs Require、Knockout和pager是未定义的TypeError,requirejs,knockout-3.0,pager.js,Requirejs,Knockout 3.0,Pager.js,我的主要意见如下: requirejs.config({ paths:{ 'text':'../vendor/js/text.min', 'jquery':"../vendor/js/jquery.min", 'boostrap':"../vendor/js/bootstrap.min", 'ko':"http://knockoutjs.com/downloads/knockout-3.4.0.debug", 'pager':"../vendor/j
requirejs.config({
paths:{
'text':'../vendor/js/text.min',
'jquery':"../vendor/js/jquery.min",
'boostrap':"../vendor/js/bootstrap.min",
'ko':"http://knockoutjs.com/downloads/knockout-3.4.0.debug",
'pager':"../vendor/js/pager",
'imageGroupsVm':'../js/viewModels/imageGroupsViewModel',
'panelVm':'../js/viewModels/panelViewModel',
'compMessage':'../js/components/message',
'extBooleanToggle':'../js/extenders/booleanToggle'
},
shim:{
'bootstrap':['jquery'],
'pager':['ko'],
},
waitSeconds: 200,
});
define(['jquery','ko','pager','panelVm'],function($,ko,pager,panelVm)
{
pager.extendWithPage(panelVm);
ko.applyBindings(panelVm);
pager.start();
});
但出于某种原因,我收到以下两条错误消息:
TypeError: ko is undefined
Stack trace:
pagerJsModule@http://localhost/symphotest/assets/vendor/js/pager.js:150:9
@http://localhost/symphotest/assets/vendor/js/pager.js:1506:20
newContext/context.execCb@http://localhost/symphotest/assets/vendor/js/require.min.js:1690:24
newContext/Module.prototype.check@http://localhost/symphotest/assets/vendor/js/require.min.js:865:43
newContext/Module.prototype.enable/</<@http://localhost/symphotest/assets/vendor/js/require.min.js:1140:29
bind/<@http://localhost/symphotest/assets/vendor/js/require.min.js:131:20
newContext/Module.prototype.emit/<@http://localhost/symphotest/assets/vendor/js/require.min.js:1190:21
each@http://localhost/symphotest/assets/vendor/js/require.min.js:56:31
newContext/Module.prototype.emit@http://localhost/symphotest/assets/vendor/js/require.min.js:1189:17
newContext/Module.prototype.check@http://localhost/symphotest/assets/vendor/js/require.min.js:940:25
newContext/Module.prototype.enable@http://localhost/symphotest/assets/vendor/js/require.min.js:1177:17
newContext/Module.prototype.init@http://localhost/symphotest/assets/vendor/js/require.min.js:783:21
callGetModule@http://localhost/symphotest/assets/vendor/js/require.min.js:1204:17
newContext/context.completeLoad@http://localhost/symphotest/assets/vendor/js/require.min.js:1604:1
newContext/context.onScriptLoad@http://localhost/symphotest/assets/vendor/js/require.min.js:1711:21
require.min.js:900:37
TypeError: pager is undefined
Stack trace:
@http://localhost/symphotest/assets/js/panel-main.js:65:5
newContext/context.execCb@http://localhost/symphotest/assets/vendor/js/require.min.js:1690:24
newContext/Module.prototype.check@http://localhost/symphotest/assets/vendor/js/require.min.js:865:43
newContext/Module.prototype.enable/</<@http://localhost/symphotest/assets/vendor/js/require.min.js:1140:29
bind/<@http://localhost/symphotest/assets/vendor/js/require.min.js:131:20
newContext/Module.prototype.emit/<@http://localhost/symphotest/assets/vendor/js/require.min.js:1190:21
each@http://localhost/symphotest/assets/vendor/js/require.min.js:56:31
newContext/Module.prototype.emit@http://localhost/symphotest/assets/vendor/js/require.min.js:1189:17
newContext/Module.prototype.check@http://localhost/symphotest/assets/vendor/js/require.min.js:940:25
newContext/Module.prototype.enable/</<@http://localhost/symphotest/assets/vendor/js/require.min.js:1140:29
bind/<@http://localhost/symphotest/assets/vendor/js/require.min.js:131:20
newContext/Module.prototype.emit/<@http://localhost/symphotest/assets/vendor/js/require.min.js:1190:21
each@http://localhost/symphotest/assets/vendor/js/require.min.js:56:31
newContext/Module.prototype.emit@http://localhost/symphotest/assets/vendor/js/require.min.js:1189:17
newContext/Module.prototype.check@http://localhost/symphotest/assets/vendor/js/require.min.js:940:25
newContext/Module.prototype.enable@http://localhost/symphotest/assets/vendor/js/require.min.js:1177:17
newContext/Module.prototype.init@http://localhost/symphotest/assets/vendor/js/require.min.js:783:21
callGetModule@http://localhost/symphotest/assets/vendor/js/require.min.js:1204:17
newContext/context.completeLoad@http://localhost/symphotest/assets/vendor/js/require.min.js:1604:1
newContext/context.onScriptLoad@http://localhost/symphotest/assets/vendor/js/require.min.js:1711:21
require.min.js:900:37
ImageGroupsViewModel包含:
define(['ko','jquery'],function(ko,$)
{
console.log(ko);
return function imageGroupsViewModel()
{
var self=this;
self.albums=ko.observableArray();
self.init=function()
{
self.albums([]);
self.fetchData();
}
self.fetchData=function()
{
console.log("Data Fetched");
};
function Album(data)
{
}
};
})
我拥有的所有JS文件都是:(注意,tin供应商类是我加载的外部库)
我设法解决了这个问题,在需要时用“击倒”替换“ko” 更具体地说是main(html中包含在data main中的文件) 以下一行:
'ko':"http://knockoutjs.com/downloads/knockout-3.4.0.debug",
'ko':"http://knockoutjs.com/downloads/knockout-3.4.0.debug",
改为:
'knockout':"http://knockoutjs.com/downloads/knockout-3.4.0.debug",
'knockout':"http://knockoutjs.com/downloads/knockout-3.4.0.debug",
我在垫片上包括:
'pager':['knockout'],
和
define(['jquery','ko','pager','panelVm'],function($,ko,pager,panelVm)
变成
define(['jquery','knockout','pager','panelVm'],function($,ko,pager,panelVm)
因此,我的主要意见是:
requirejs.config({
paths:{
'text':'../vendor/js/text.min',
'knockout':"https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-min",
'pager':"../vendor/js/pager.min",
'jquery':"../vendor/js/jquery.min",
'boostrap':"../vendor/js/bootstrap.min",
'imageGroupsVm':'../js/viewModels/imageGroupsViewModel',
'panelVm':'../js/viewModels/panelViewModel',
'compMessage':'../js/components/message',
'extBooleanToggle':'../js/extenders/booleanToggle'
},
shim:{
'pager':['knockout'],
'bootstrap':['jquery'],
},
waitSeconds: 200,
});
define(['jquery','knockout','pager','panelVm'],function($,ko,pager,panelVm)
{
pager.extendWithPage(panelVm);
ko.applyBindings(panelVm);
pager.start();
});
此外,在我的项目中加载了require的其他javascript文件上,我更改了以下行:
define(['ko',...,'other_lib'],function(ko,....,other_lib)
与:
define(['knockout',...,'other_lib'],function(ko,....,other_lib)
注:
我还更改了其他main.js上的这些行,这些行是我在其他页面上加载的require:
改为:
'knockout':"http://knockoutjs.com/downloads/knockout-3.4.0.debug",
'knockout':"http://knockoutjs.com/downloads/knockout-3.4.0.debug",
我这样做是为了加载我使用require创建的所有模块