最近前端开发遇到过一个问题,layer 和require同时存在会报一个错误Uncaught Error: Mismatched anonymous define() module,从度娘找了很多解决方案,但是实际测试一下,主要还是define函数。但是这个平平无奇的名字,layer也用了,如果一个页面引用了很多第三方js库,再将require.js加进去,很有可能就冲突了。
对于这种情况,没办法做什么修改。因为必须同时用到layer 和require,所以没办法改。
其他开发者给的方案一:<iframe>,将require.js引用放在这里,然后页面再使用require函数。比如:
<iframe style="display: none;" src="../../require.js"></iframe>
var require = window.top.require;
//var require = document.getElementById('Frame1').contentWindow.require;
function wind(){
require(['wind'],function(windjs){
windjs.go(containerId,viewer,window,Cesium);
});
}
方案二:引用最新的layer,require放到最后即可
欢迎大家交流开发