当前位置:首页 > 其他 > 正文内容

cocos/laya/egret引入第三方js库报xxx not defined解决方案

葱子5年前 (2021-02-03)其他2400

cocos/laya/egret都支持引入第三方的js库来支持更多的功能。

不过在引入js库后,打包为微信小程序等小程序平台应用时,总是报xxx not defined的问题。

问题分析:

这是因为cocos/laya/egret对小程序平台做了对应的适配,三方js库导出的对象都需要挂载到window对象下,才能作为全局对象使用。

解决方案:

在三方js库中添加window.xxx=xxx;

举例:

a.js中的内容为:
var a="hello world";

在cocos/laya/egret中引入后,在H5页面下可以正常使用,但微信小程序中报a not defined

修改为:

var a="hello world"; window.a=a;

实测:

可以正常使用,同时这种方法兼容H5/各种小程序和app。

优化:

以上方法简单粗暴,一般不会存在较大的问题。不过某些时候不太兼容js库本身对微信小程序环境的适配。需要通过判断运行环境做进一步的优化升级。
针对cocos/laya/egret做平台判断,当判断运行环境为cocos/laya/egret时,将对象挂载到window下。

var a="hello world"; if((typeof cc!=="undefined")||(typeof egret!=="undefined")||(typeof Laya!=="undefined")){window.a=a}

最后:

实际中引入的第三方js库并不会像文章中举例的那么简单,开发者需要仔细分析三方库代码,在合适的位置引入以上适配代码。

扫描二维码推送至手机访问。

版权声明:本文由葱子博客发布,如需转载请注明出处。

本文链接:https://www.aitiancheng.com/article-1577.html

相关文章

UMD库(js库)撰写d.ts声明文件注意事项

在typescript中使用js库时,为了更友好的代码提示,需要为js库撰写d.ts声明文件。 一般来说js库大致可以分为3类:全局库、模块化库、UMD库。 这里重点记录一下UMD库的d.ts撰写注意事项。 识别UMD库UMD模块是指...

魔百和M101破除安装应用限制安装当贝市场【亲测有效】

魔百和M101破除安装应用限制安装当贝市场【亲测有效】

移动宽带送的新魔百和M101机顶盒,只能看IPTV,不能自由安装第三方软件。 基本上参考智能电视网的教程可以自己折腾出来,但是还是有些地方需要注意。 我手里的M101自带的系统没有【本地升级】的选项,在这个系统下,按照大神们分享的卡刷方...

实用教程:如何通过小程序APPID查询到对应的小程序名称

实用教程:如何通过小程序APPID查询到对应的小程序名称

最近遇到一个小问题,就是拿到了对方的小程序APPID,但是不知道去哪里查找这个小程序APPID对应的小程序名称叫什么。 带着这个问题,我去百度了一下,大致提供的解决方案有两种。 方法一:通过公众号的关联小程序功能可以通过公众号的关联小程...

网站维护案例展示页面

网站维护案例展示页面

案例一:家电论坛服务项目: 1、将jdunion.com、jd-bbs.com使用301全局跳转到jdbbs.com 2、为家电论坛主站申请SSL证书并部署到服务器,配置http 301跳转到https 3、为家电论坛上传苹果版app到苹果...

nginx/Apache/IIS开启目录浏览功能

nginx/Apache/IIS开启目录浏览功能

我们在做网站的时候,有些目录会经常用来存储一些附件内容,通常进FTP查看会相对麻烦,这时候我们可以试试【目录浏览】这个功能。 1、nginx开启目录浏览方法:首先找到当前网站的conf配置文件,在server段里面添加如下代码,然后重启n...

【紧急公告】宝塔面板发布紧急安全更新,请使用这些版本的站长立即更新

【紧急公告】宝塔面板发布紧急安全更新,请使用这些版本的站长立即更新

今天我的站长群有好友发了一则截图,内容是宝塔面板发布紧急更新,感觉事态比较严重。为了进一步确认是否属实,上宝塔官网看了下,确认属实。 本次涉及的漏洞版本为:Liunx版本7.4.2版本和windows版6.8版本 请正在使用以上版本的站...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。