大佬教程收集整理的这篇文章主要介绍了jquery – 内联需要的调用忽略了RequireJS配置,该调用遵循加载我的应用程序的脚本标记,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在路径配置所在的js文件中包含如下:
<script src="/js/shop2/springen/vendor/require.min.js" data-main="/js/shop2/springen/app" async></script>@H_301_5@我的app.js看起来像这样:
define('jquery',[],function() { return jQuery; }); requirejs.config({ baseUrl: '/js/shop2/springen/',paths: { 'lodash': 'vendor/lodash.min','Functions': 'app/modules/functions','Search': 'app/modules/search','Comparison': 'app/modules/comparison','Globals': 'app/globals','Init': 'app/init',... } }); // globals get loaded first and are available to all subordered scripts require(['Globals','lodash'],function () { $(document).ready(function() { if ($('#comparison').length) { require(['Comparison'],function (Comparison) { Comparison.init(); }); } else { require(['Init']); } }); });@H_301_5@现在我的问题是我需要内联设置我的搜索模块,因为我必须在服务器端生成翻译并用它初始化它:
<script type="text/javascript"> $(document).ready(function(){ require(['Search'],function () { $('#q').shopIncrementalSearch({ resultsDiv: $('#lifesearch'),defaulttitle: 'drücken Sie die Eingabetaste,um',defaultText: 'Alle Ergebnisse anzeigen',searchingText: 'Suche ...',dataUrl: 'http://SRV-CACHE01',language: 'de',countryId: 1,portalId: 22,isErpPortal: false,sectorId: null }); }); }); </script>@H_301_5@不幸的是,我收到一条错误消息,指出找不到该文件.当DOM准备就绪时,我是否应该能够访问requireJS模块?奇怪的是,所有加载的模块的路径(由于我猜的JS错误,某些模块没有被加载)被正确设置.只是搜索模块如下所示:/js/shop2/springen/Search.js 404(未找到)
有什么建议我做错了什么?编辑
我在我的内联javascript前面记录了以下内容:
console.log(typeof requirE);
它返回我的函数,所以需要加载但路径没有设置..为什么?
这是发生的事情:
>这一行:
<script src="/js/shop2/springen/vendor/require.min.js" data-main="/js/shop2/springen/app" async></script>@H_301_5@导致requireJS被加载并导致requireJS为/ js / shop2 / springen / app模块安排异步加载.
此元素上的async属性使得浏览器有权异步加载requireJs.如果它确实异步加载requireJS,这会加剧您遇到的问题,因为当您的其他< script>元素运行,无法确定是否加载了requireJs.它可能会也可能不会被加载,具体取决于一系列外部因素.归结为幸运.但是,删除它并不是整个解决方案,因为您要求通过
data-main
加载的模块仍然是异步加载的,无论如何.
>执行此操作时:<script type="text/javascript"> $(document).ready(function(){ require(['Search'],function () { ... }); }); </script>@H_301_5@没有人知道你的主模块是否已加载,因为(见上文)它是异步加载的.因此可能确实加载了requireJS,但它可能尚未配置,因为您的配置位于一个模块中,该模块在运行此脚本时可能会加载也可能不会加载.这就是为什么typeof require是一个函数,但是你在尝试加载依赖于你的配置的模块时会遇到错误.
$(document).ready没有帮助,因为导致$(document).ready触发的事件可能在requireJS加载主模块之前发生.
如果你不能把require([‘Search’] …代码放在主模块中,你可以做的是从/ js / shop2 / springen / app中删除对requirejs.config的调用,然后添加一个< script> ;在加载requireJS的元素之前的元素:
require = { baseUrl: '/js/shop2/springen/',... } });@H_301_5@在加载requireJS之前将
require
variable设置为配置会使requireJS使用此变量的值作为其配置.
以上是大佬教程为你收集整理的jquery – 内联需要的调用忽略了RequireJS配置,该调用遵循加载我的应用程序的脚本标记全部内容,希望文章能够帮你解决jquery – 内联需要的调用忽略了RequireJS配置,该调用遵循加载我的应用程序的脚本标记所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。