我在公司的项目中使用jquery、backbonejs、下划线JS和bootstrap。有时我会在chrome中遇到这个错误
未捕获的TypeError:无法读取未定义的属性“fn”
我的垫片在main.js中是这样的
require.config({
路径:{
jquery:'libs/jquery/jquery',
下划线:“libs/下划线/下划线”,
主干:“libs/backbone/backbone”,
backboneeventbinder:'libs/backbone.eventbinder.min',
引导:“libs/bootstrap”,
jquerytablesorter:'libs/tablesorter/jquery.tablesorter',
tablesorter:'libs/tablesorter/tables',
ajaxupload:“libs/ajax上传”,
模板:“../templates”
},
垫片:{
“主干”:{
deps:[“下划线”,“jquery”],
出口:“骨干”
},
“下划线”:{
导出:'''
},
}
});
需要(['app',],函数(app){
App.initialize();
});
我已经为jquery、下划线和backbonejs插入了.noConflict()
我的app.js
//文件名:app.js
定义(['jquery',下划线,'backbone','backboneeventbinder','bootstrap','ajaxupload','router',//Request router.js
],函数($,_,主干,引导,Backboneeventbinder,Ajaxupload,路由器){
$.noConflict();
_.noConflict();
主干。无冲突();
var initialize=函数(){
路由器初始化();
};
返回{
初始化:初始化
};
});
这是我的chrome浏览器的屏幕截图
它类似于bootstrap
先谢谢你
您需要在引导之前首先加载jquery
require.config({
路径:{
jquery:'libs/jquery/jquery',
下划线:“libs/下划线/下划线”,
主干:“libs/backbone/backbone”,
引导:“libs/bootstrap”,
jquerytablesorter:'libs/tablesorter/jquery.tablesorter',
tablesorter:'libs/tablesorter/tables',
ajaxupload:“libs/ajax上传”,
模板:“../templates”
},
垫片:{
“主干”:{
deps:[“下划线”,“jquery”],
出口:“骨干”
},
“jquery”:{
出口:“$”
},
“引导程序”:{
部门:['jquery'],
出口:“$”
},
“jquerytablesorter”:{
部门:['jquery'],
出口:“$”
},
“表排序器”:{
部门:['jquery'],
出口:“$”
},
“ajaxupload”:{
部门:['jquery'],
出口:“$”
},
“下划线”:{
导出:'''
},
}
});
需要(['app',],函数(app){
App.initialize();
});
工作很有魅力!快速简单的修复