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

Posted 2021-01-27 ifannie

前言

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

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

错误描述

　　项目背景：Egret+fairyGui

　　1.官方案例我可以跑通

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

分析

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

　　2.该改的地方，你都改了吗？

实操

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

　　

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

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

　　

　　2.找到  src/Main.ts  文件 （修改包名）

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

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

　　　　这张图是 Egret

　　　　

　　　　这张图是 fairygui

　　　　　

　　　　

 　　3.找到文件 src/MainPanel.ts

　　　　注释不要的东西

　　　　

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

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

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

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

　　　　

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

　　　　成功跑通案例的（自己家的素材）

　　　　

 

总结

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

　　这个是我手把手摸出来

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

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

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

　　emmm，戏多了

　　

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