cocosCreator 接入QQ排行榜子域中遇到的坑一：label组件的坑(Uncaught TypeError: Cannot read property ‘context‘ of null)

最新推荐文章于 2024-07-13 23:06:23 发布
最新推荐文章于 2024-07-13 23:06:23 发布
阅读量1.1k 收藏
点赞数 2
分类专栏： cocosCreator QQ小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xujixian6272002/article/details/103976683
版权

最近在做小游戏多平台接入，从WX平台移植到QQ平台，其他的都还挺顺利的，API基本一样，几乎是只要将wx.改成qq.就行了，

但是在接入排行榜的时候遇到一些坑，特列出如下，希望给掉入这些坑的同行一个参考(我的开发环境是cocosCreator 2.1.0)。

坑一：在自域中使用label组件，且使用默认字体时报如下错误：

Canvas.js:60 Uncaught TypeError: Cannot redefine property: clientWidth
    at Function.defineProperty (<anonymous>)
    at new Canvas (Canvas.js:60)
    at HTMLDocument.createElement (document.js:55)
    at Object.get (cocos2d-js-min.a8f43.js:1)
    at Object._getAssemblerData (cocos2d-js-min.a8f43.js:1)
    at r._applyFontTexture (cocos2d-js-min.a8f43.js:1)
    at r._updateRenderData (cocos2d-js-min.a8f43.js:1)
    at r.onEnable (cocos2d-js-min.a8f43.js:1)
    at r.onEnable (cocos2d-js-min.a8f43.js:1)
    at r.invokeOnEnable [as _
最低0.47元/天 解锁文章
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误
念兮为美
03-14 8万+
解决TypeError: Cannot read properties of null (reading ‘xxx‘)的错误.
表自关联时，解决列表显示顶级对象出现“Cannot read property 'xxx' of null”的问题...
weixin_30438813的博客
01-14 4727
当表设计中涉及自关联时，同时在列表中显示自关联对象的属性，如果自关联对象为null，则渲染页面时会出现Cannot read property 'xxx' of null问题 问题描述 例如下表中parent的值是test_type表的id create table test_type (　　id bigint not null,　　name ...
canvas中的Uncaught TypeError: Cannot read property 'getContext' of null 错误
kiddd_fu的博客
11-08 2万+
HTML5已经 出生三年有余，的使用也愈发广泛。在使用canvas.getContext(‘2d’)的时候，出现： Uncaught TypeError: Cannot read property ‘getContext’ of null 错误 最为可能的原因是在html元素加载之前就运行了JavaScript，所以解决方法有二：1. 在$(document).ready(function(){
html创建canvas画布失败"cannot read property 'getContext' of null"
落枫秋歌
09-28 1万+
自己在使用canvas画布时遇到了这样的错误，最后才知道是script位置引发的问题。 一般，script可以放在head中，也可以放在body标签结束前，但是两者是有一定的区别的。 在head标签中时，一般只是进行加载，并不立即自动执行，需要被触发后才会执行。因此，当script标签位于此位置时，不会进行javascript中的变量初始化，因此可能出现上述错误；在body标签结束前，
canvas报错：Cannot read property ‘getContext‘ of null“
qq_45448242的博客
03-16 1641
canvas报错：Cannot read property 'getContext' of null"
Cannot read property 'getContext' of null和Failed to execute 'getContext' on 'HTMLCanvasElement':
FromNowOnUntilTheEnd
08-24 3702
1、chrome/极速360浏览器报错：Cannot read property 'getContext' of null filefox报错：TypeError: c is null IE Edge：控制台没有报错，但是canvas图像也不显示 IE10/IE9报错：SCRIPT5007: 无法获取未定义或 null 引用的属性“getContext” 解决方法： 　将绘制方法，即绘制...
“TypeError: Cannot read properties of null (reading ‘getContext‘)“
qq_50276105的博客
02-10 1万+
第一次在vue项目种使用canvas，跟着网上教程做，标签canvas写好了，dom元素获取了，简单“画”了一下，运行之后报"TypeError: Cannot read properties of null (reading 'getContext')"的错。：在模板渲染成html后调用，通常初始化页面完成后，再对html的dom节点进行一些需要的操作。：在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成识图。显然，获取dom元素，作图都没有错。canvas元素在页面加载之前就获取了元素。
已解决typeerror: cannot read properties of null (reading ‘setupcontext‘)
qq_70300126的博客
03-24 2776
typeerror: cannot read properties of null (reading 'setupcontext')
【vue3常见报错1】TypeError: Cannot read property ‘xxx‘ of null/undefined
朱远辉的博客
05-19 2004
【vue3常见报错1】TypeError: Cannot read property 'xxx' of null/undefined：确认变量已声明并正确初始化。确认DOM元素已正确加载，避免在生命周期钩子函数中访问未完全加载的元素。
深入理解并解决Uncaught TypeError: Cannot read properties of null“的全面指南“
理论都是虚的，代码才是王道。
11-10 11万+
在JavaScript中，当你试图访问一个null或undefined对象的属性时，就会抛出这个错误。例如，如果你有一个变量x，它的值为null，然后你尝试访问x.property，就会得到"Uncaught TypeError: Cannot read properties of null"的错误。在使用任何变量之前，都应该先检查它是否已经定义。你可以使用typeof操作符来检查一个变量的类型。// 访问x的属性。
使用canvas时出现Uncaught TypeError: Cannot read property ‘getContext‘ of null 错误
Guo1009的博客
10-15 1万+
这是因为浏览器还没有加载htnml文件的时候就已经执行了文件。 解决办法一： 在js文件中加上 window.onload=function(){ }; 并把代码都放在里面。 该方法用于在网页加载完毕后立刻执行的操作，即当html加载完毕后，立刻执行某个方法等。这样子就可以把<script>标签放在<canvas>标签前面了，并且执行完<canvas>的代码再执行<script>代码 解决办法二：把这里的<script>改成到下面图片中的位置
【JavaScript】解决 JavaScript 语言报错：Uncaught TypeError: Cannot read property ‘X‘ of null
Easonmax的博客
07-13 1265
在 JavaScript 编程中，“Uncaught TypeError: Cannot read property ‘X’ of null” 是一种常见的错误。这种错误通常发生在试图访问一个为null的对象的属性时。了解这种错误的成因和解决方法，对于编写健壮的代码至关重要。“Uncaught TypeError: Cannot read property ‘X’ of null” 错误在 JavaScript 开发中非常常见，但通过了解其成因并采用适当的编码实践，可以有效预防和解决此类错误。
CocosCreator编辑器启动报错Cannot read property ‘uuid‘ of null解决方式
吃饭最重要
12-24 3009
我们在使用CocosCreator开发项目的时候，会遇到一种编辑器报错导致进不去编辑器“Cannot read property ‘uuid’ of null” 我遇到的大多数情况都是因为git拉取提交的时候，.meta文件冲突，然后又忘记解决，导致.meta的JSON格式出错，然后才有了这个报错。 然而，当项目中文件非常多的情况下（cocos会给每一个项目中的文件和文件夹配置一个.meta文件），找起来又非常困难。 然后我使用python写了一个非常简单的工具，用来找出项目目录下出错的.meta文件。分享
vue报错（3）TypeError: Cannot read property ‘ ’ of null
qq_36445925的博客
09-27 7999
父组件通过props传值到子组件，而data是无法访问到props里面的值的，所以要用watch监听去获得 具体写法是这样https://www.jianshu.com/p/fdf9fc250f7f?utm_source=oschina-app
出现 Cannot read property 'xxxxxx' of null 问题思路
热门推荐
ayhao369csdn的博客
07-11 18万+
在Console中出现 Cannot read property 'xxxxxx' of null  的问题时很难查找到改原因的出处今天在项目中看到页面出现 Cannot read property 'xxxxxx' of null 的字样如下：对于像我这样的前端菜鸡根本，一开始以为是layer插件出现了问题尝试一：修改alyer语句依旧报错    无效尝试二：注释掉该页面所有alyer有关的代码...
cocos creator中出现Cannot read property '_id' of null
WX_xjkj10000的博客
05-16 7550
写的小游戏到最后了，准备加阿拉丁统计时，js文件报错了，然后cocos creator就疯了一样的报Cannot read property '_id' of null还有Cannot read property 'gizmo' of null，把阿拉丁代码删除了也不行。从报错log看不出什么异常，控制台场景完全加载不出来 后面从论坛查的方法打开xx.fire搜'_id'没有为null的，最后找...
Vue报错：Vue TypeError:Cannot read property ‘xxx‘ of null
bidepanm的博客
06-20 4092
问题 使用Vue绑定数据显示的时候，报错：Vue TypeError:Cannot read property ‘xxx’ of null但是页面又显示正常，数据也正常。原因 我们在data中绑定了数据，比如数据名为 article 但是初始的数据是null，我们的想法是等会mounted中初始化，传入响应数据对象。但是Vue在渲染页面的时候已经绑定了数据，不如article.title，在请求前找到article是null，所以才会出现上面的报错解决 在使用到article对象的模块加上了 v-if=“a
Cannot read property ‘XXX‘ of null
qq_41892764的博客
08-05 9106
译为无法读取null的属性“XXX”（null是指属性“XXX”的父对象值为null） 举个例子： 如 result.smf.xxx ：当result.smf为null时，便会报以上错误 在使用点语法的时候，一定要注意父对象的值是否为空！ 应用场景： 有时在遍历一个对象时，其子对象可能存在为null的情况 解决办法： 且语法：result.smf &&result.smf.xxx （当且前面值为空时，便不会执行后面的语句） ...
报错：Cannot read property 'xxx' of null
Joy_Yue的博客
12-13 3万+
这个错误在开发时经常遇到，这里谈谈引起该问题的其中一种可能原因及解决方法，希望能帮到你。 开发场景：用for循环渲染列表，列表中需要渲染某个字段值，该字段值报null错误 原因：列表数据很多，没有一一查看每条数据该字段值是否都有。一旦某条数据的该字段值为空，就会报这个错误，进而整个列表不能渲染 解决方法：在用for循环的html标签上加上v-if="该字段值"。意思是，如果字段值为空，就不渲...
cocos creator 微信小游戏排行榜子域看不见
最新发布
02-19
### Cocos Creator 微信小游戏 排行榜 子域 显示解决方案 #### 主域配置 为了使排行榜能够在微信小游戏中正常显示，需先在主域中创建并配置用于展示排行榜的节点。具体来说，在场景内新增一个节点，并为其添加`WXSubContextView`组件[^3]。 ```javascript // 绑定按钮点击事件处理函数 Btn(e) { if (e.currentTarget.name === "PaihangbangBtn") { if (cc.sys.platform === cc.sys.WECHAT_GAME) { window.wx.postMessage({ message: "show" }); console.log("paihangbang++++show"); this.panel.active = true; } } } ``` 上述代码片段展示了如何通过检测当前平台是否为微信小游戏环境来决定是否执行特定逻辑；当用户点击指定按钮时触发该方法并向子域发送消息请求显示排行榜。 #### 构建与部署 完成开发工作后，按照官方指南中的指示分别对主域和子域项目进行构建设置。对于主域而言，应确保已指定了正确的开放数据域代码目录名；而对于子域，则要将其发布到主项目的相应位置以便集成[^4]。 #### 数据交互 为了让排行榜能够动态更新，还需要定义一套有效的通信机制让两个上下文之间可以交换信息。这通常涉及到调用`wx.postMessage()`接口传递自定义的消息对象给对方[^5]： ```typescript public getRank() { wx.postMessage({ event: 'getRank', }); } public setScore(data) { wx.postMessage({ event: 'setScore', data: {"name":"aaa", "value":12345}, }); } ``` 这些API允许开发者轻松地获取最新的排名情况或将新的得分记录提交至服务器端存储起来供后续查询使用。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

清风堂主人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值