我正在使用RequireJS,带有布局管理器的主模板,JamJS来帮助管理程序包,并且一切在开发中都可以正常工作,但是当我尝试创建带有连接文件的生产版本时,它将无法正常工作。
看起来shim
我的配置中的可能未加载。例如,我在控制台中遇到的错误是Uncaught TypeError: Cannot set property 'cookie' of undefined
,因此jQuery并未作为jquery.cookie的依赖项加载。这是我的应用程序配置:
// Set the require.js configuration for your application.
require.config({
// Initialize the application with the main application file and the JamJS
// generated configuration file.
deps: ["../vendor/jam/require.config", "main"],
paths: {
baseUrl : '/',
config : "config",
// JavaScript folders.
api : "libs/api",
app : "app",
// Libraries.
almond : "../vendor/jam/js/libs/almond",
engagement : "libs/engagement",
environment : "libs/environment",
jquery : "../vendor/jam/jquery/jquery",
jqueryui : "../vendor/js/libs/jquery-ui-1.9.1.custom.min",
"jquery-cookie" : "../vendor/jam/jquery-cookie/jquery.cookie",
chosen : "../vendor/js/libs/jquery.chosen.min",
colorpicker : "../vendor/js/libs/jquery.colorpicker",
bootstrap : "../vendor/js/libs/bootstrap",
jqueryuiwidget : "../vendor/js/libs/jquery.ui.widget",
jstemplates : "../vendor/js/libs/tmpl",
jsloadimage : "../vendor/js/libs/load-image",
jscanvastoblob : "../vendor/js/libs/canvas-to-blob",
iframetransport : "../vendor/js/libs/jquery.iframe-transport",
fileupload : "../vendor/js/libs/jquery.fileupload",
fileuploadfp : "../vendor/js/libs/jquery.fileupload-fp",
fileuploadui : "../vendor/js/libs/jquery.fileupload-ui",
fileuploadlib : "libs/fileupload",
highchartsgraytheme : "../vendor/js/libs/gray",
highchartsexporter : "../vendor/js/libs/exporting",
adpin : "libs/adpin",
val : "../vendor/js/libs/jquery.validate.min",
valmethods : "../vendor/js/libs/additional-methods.min",
advertiser : "libs/advertiser",
messages : "libs/messages",
user : "libs/user",
zeroclipboard : "../vendor/js/libs/zero-clipboard",
jqgrid : "../vendor/js/libs/jquery.jqGrid.min",
jqgridsource : "../vendor/js/libs/grid.locale-en",
reporting : "libs/reporting",
adlift : "libs/adlift",
utilities : "libs/utilities",
qrcode : "../vendor/js/libs/jquery.qrcode.min",
base64 : "../vendor/js/libs/base64",
kinetic : "../vendor/js/libs/kinetic.min",
canvaslib : "libs/canvas",
socialstream : "libs/socialstream",
analytics : "libs/analytics",
classie : "../vendor/js/libs/classie",
classie_modernizr : "../vendor/js/libs/modernizr.custom",
qtip2 : "../vendor/js/libs/jquery.qtip",
sponsored : 'libs/sponsoredcontent',
publisher : 'libs/publisher',
xml : '../vendor/jam/codemirror3/mode/xml/xml'
},
shim: {
"jquery-cookie" : {
deps : ["jquery"]
},
"api" : {
deps : ["environment"]
},
"xml" : {
deps : ["codemirror3"]
},
"classie" : {
deps : ["classie_modernizr"]
},
"jqueryui" : {
deps : ["jquery"]
},
"colorpicker":{
deps : ["jquery"]
},
"jqueryuiwidget" : {
deps : ["jquery"]
},
"jstemplates" : {
deps : ["jquery"]
},
"jsloadimage" : {
deps : ["jquery"]
},
"jscanvastoblob" : {
deps : ["jquery"]
},
"fileupload" : {
deps : ["jquery", "jqueryuiwidget"]
},
"fileuploadfp" : {
deps : ["jquery", "jscanvastoblob", "fileupload"]
},
"fileuploadui" : {
deps : ["jquery", "jstemplates", "jsloadimage", "fileuploadfp", "fileuploadlib"]
},
"qrcode" : {
deps : ["jquery"]
},
"base64" : {
deps : ["jquery"]
},
"highchartsgraytheme" : {
deps : ["highcharts"]
},
"highchartsexporter" : {
deps : ["highcharts"]
},
"utilities" : {
deps : ["lodash", "jquery", "val"]
},
"val" : {
deps : ["jquery"]
},
"valmethods" : {
deps: ["jquery", "val"]
},
"zeroclipboard": {
deps : ["jquery"]
},
"jqgrid" : {
deps : ["jquery", "jqgridsource"]
},
"jqgridsource" : {
deps : ["jquery"]
},
"bootstrap" : {
deps : ["jquery"]
}
}
});
这是我如何加载我的require.js文件:
<script data-main="/app/config" src="/dist/debug/require.js"></script>
有什么想法可能会发生什么?当我使用时bbb release
,创建该调试文件的所有操作都将正确完成。
我有一些建议,这听起来可能很愚蠢,但是由于我手头上没有文件,所以猜测是我能做的最好的事情,因此,请确保没有:define(["jquery"], .....
在您的jquery-cookie文件中,因为您应该将其包含在垫片中或具有此定义,但不能同时包含两者,因为它可能会引起冲突。如果有效的话,请告诉我,以解释原因。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句