Egret(白鹭引擎)——“TypeError: Cannot read property 'asCom' of null”

时间:2024-09-17 12:04:26

前言

  相信我,这个错误新手都不陌生:TypeError: Cannot read property 'asCom' of null

  还有,一定要看我上一篇,哦不(人家应该是报了这个错,才找到看到这篇文章的)

错误描述

  项目背景:Egret+fairyGui

  1.官方案例我可以跑通

  2.一替换成自己的素材,就报这个错

分析

  1.你真的替换成功了吗?

  2.该改的地方,你都改了吗?

实操

  1.把官方实例的素材,替换成你的素材

  Egret(白鹭引擎)——“TypeError: Cannot read property 'asCom' of null”

  你从fairygui 发布,一定要选择二进制格式,不然最新的Egret 会报错哦

  一定要注意 .fui 格式的正确引用 如图所示

  

  2.找到  src/Main.ts  文件 (修改包名)

    Egret 创建游戏场景,需要加载的包

    这时候 ,你要根据你的fairygui 的包名来哦

    这张图是 Egret

    Egret(白鹭引擎)——“TypeError: Cannot read property 'asCom' of null”

    这张图是 fairygui

     Egret(白鹭引擎)——“TypeError: Cannot read property 'asCom' of null”

    

  3.找到文件 src/MainPanel.ts

    注释不要的东西

    Egret(白鹭引擎)——“TypeError: Cannot read property 'asCom' of null”

    这个文件主要是实例里面 写的有些操作方法,因为是官方实例啊,你没有这些按钮啊,图片啊 等等等

    你要改成你自己的东西 ,这些玩意 ,你肯定不需要,只要保留 fairygui的引用即可

    还有啊!不要杠,先跑通demo再说,后面什么事件 对着官方api 写就好了

    再次注意,我画的两个框,第一个是包名,第二个是你想要加载fairygui哪一个组件,这你一一对应fairygui就好了

    

    现在你就可以调试了~要是还有其他的错误(那我不管了,另找高明吧)

    成功跑通案例的(自己家的素材)

    Egret(白鹭引擎)——“TypeError: Cannot read property 'asCom' of null”

总结

  我就记录一下我遇到的坑啊

  这个是我手把手摸出来

  也许是我太笨,但是网上我找了很久都没有这些步骤的记载,(我打开的方式不对么) 

  我也是第一次使用Egret 以及fairygui(但是后面 我要用这个完成我们公司的业务需求,等待我后续的文章吧 一定会有不少价值的)

  没有我这样详细的介绍吧~ 官网这么潦草的概括过去了(还是我要被淘汰了啊~要求如此之高了,啊 我的发际线啊~) 

  emmm,戏多了

  

  希望对看到的人有所帮助,溜了