wex5 3.4版本集成阿里云旺im问题

cin · 发表于 2016-4-25 18:07:34

本帖最后由 cin 于 2016-4-26 18:28 编辑

阿里提供了h5版本的实时聊天快速集成方案，可通过简单几句话快速继承它的实时聊天：
<!DOCTYPE html> <html>
<head></head>
<body>
<div id="J_demo" style="width:300px;height:300px;">
</div>
</body>



<script src="https://g.alicdn.com/aliww/??h5.imsdk/2.1.0/scripts/yw/wsdk.js,h5.openim.kit/0.3.7/scripts/kit.js" charset="utf-8">
</script>
<script>
window.onload = function(){
WKIT.init({
uid: 'ww1',
appkey: 23015524,
credential: '123456',
touid: '你的e客服主账号', // 在百川控制台设置的E客服账号
sendMsgToCustomService: true             });
}
</script>
</html>
以上代码在html中可正常显示，现在我把它放入wex5中，希望使用w文件进行模块化管理，代码参考了百度地图的编码方式，如下：
define(function(require){
var $ = require("jquery");
var justep = require("$UI/system/lib/justep");
var Model = function(){
this.callParent();
};
Model.prototype.onLoad = function(){
var id = this.getIDByXID("div1");
require([ 'https://g.alicdn.com/aliww/??h5.imsdk/2.1.0/scripts/yw/wsdk.js,h5.openim.kit/0.3.7/scripts/kit.js' ], function() {                      WKIT.init({
uid: 'ww1',
appkey: 23015524,
credential: '123456',
touid: 'ww2',
logo: 'http://img.alicdn.com/tps/i3/TB12LD9IFXXXXb3XpXXSyFWJXXX-82-82.png',
pluginUrl: 'http://www.taobao.com/market/seller/openim/plugindemo.php',
container: id,
width: 300,
height: 300
});
});
};
return Model;
});
运行时，控制台提示：Uncaught TypeError: Cannot read property 'cssText' of undefined
怀疑是require引用的js未能进一步引用其js在服务端相关的css文件所致？请问该如何解决，谢谢！

cin · 发表于 2016-4-25 22:46:32

我在不同环境中做了些测试，发现在编译生成好的test.w.html文件的head中，添加
<script src="https://g.alicdn.com/aliww/h5.imsdk/2.1.0/scripts/yw/wsdk.js" charset="utf-8"></script>
在代码中可正常初始化WSDK，成功完成初始化操作，然而试过论坛提供的两种加载外部非requirejs规范方法，都提示wsdk未定义。
还是需要请熟悉此处原理的高手解答，非常感谢。