前言

  相信我,这个错误新手都不陌生: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,戏多了

  

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

Egret(白鹭引擎)——“TypeError: Cannot read property 'asCom' of null”的更多相关文章

  1. day132:2RenMJ:MJ需求文档&MJ游戏流程&Egret白鹭引擎安装&TypeScript简要介绍

    目录 1.麻将产品需求文档 2.麻将游戏流程 3.Egret白鹭引擎 4.TypeScript简要了解 5.TypeScript快速入门 1.麻将产品需求文档 1.麻将术语 1.名词术语 牌⼦: 序数 ...

  2. Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null

    在开发Ext 项目中如果遇到 Uncaught TypeError: Cannot read property 'insertAdjacentHTML' of null 这个错误,检查下renderT ...

  3. Uncaught TypeError: Cannot set property 'innerHTML' of null

    学习Chrome插件时,要在弹出页面中显示当前时间,结果怎样也显示不出来 看了 http://www.cnblogs.com/mfryf/p/3701801.html 这篇文章后感悟颇深 通过调试发现 ...

  4. Three.js three.js Uncaught TypeError: Cannot read property 'getExtension' of null

    在调试Three.js执行加载幕布的时候,突然爆出这个错误three.js Uncaught TypeError: Cannot read property 'getExtension' of nul ...

  5. JavaScript Uncaught TypeError: Cannot read property 'value' of null

    用 JavaScript 操作 DOM 时出现如下错误: Uncaught TypeError: Cannot set property 'value' of null Uncaught TypeEr ...

  6. vue-cli +echarts-amap集成echarts和高德地图TypeError: Cannot read property 'dataToPoint' of null解决方案

    由于项目的需求,需要做一种迁徙效果, 最后我们采用了组件化开发,可以说这个坑自己一个人踩,有点累,但也收获不少. vue-cli +echarts-amap集成echarts和高德地图,出现报错,错误 ...

  7. TypeError: Cannot read property 'length' of null

    本文为博主原创,未经允许不得转载: 异常展示: [Vue warn]: Error in getter for watcher "filterAndSortData": " ...

  8. 前台报错:Uncaught TypeError: Cannot read property '0' of null

    错误现象: var div1=mycss[0].style.backgroundColor;  //这一行提示360和chrome提示:Uncaught TypeError: Cannot read  ...

  9. 解决sweetalert 无故报错 elem.className.replace Uncaught TypeError: Cannot read property 'className' of null

    今天碰到这么一个问题,在使用sweetalert的时候时有时无会报错 elem.className.replace Uncaught TypeError: Cannot read property ' ...

随机推荐

  1. Oracle的sys和system默认密码

    system默认:manager sys默认:change_on_install 使用SQL Plus登录数据库时,system使用密码manager可直接登录. 但如果是sys用户,密码必须加上as ...

  2. 解决VB6.0中不能加载MSCOMCTL.OCX的错误提示

    VB6.0毕竟是很古老的开发工具了,其对所使用的第三方组件依赖性比较强,例如在打开从其它电脑上拿来的VB6.0的软件(系统)的工程文件(源代码)时,经常会遇到"不能加载MSCOMCTL.OC ...

  3. winform中容器是如使用的

    1.容器 (1)FlowLayouPanel 普通容器[内部流式布局] (2)Groupbox 带有标题的普通容器[内部普通布局,超出范围隐藏] (3)Panel 普通容器[内部普通布局,超出范围隐藏 ...

  4. 【Vue.js学习】生命周期及数据绑定

    一.生命后期 官网的图片说明: Vue的生命周期总结 var app = new Vue({ el:"#app", beforeCreate: function(){ consol ...

  5. python解析式

    一.列表解析式 列表解析是外面一对中括号,它返回的是列表. 一般形式为:[expr for item in itratoble] print([i+1 for i in range(10)]) #结果 ...

  6. November 04th, 2017 Week 44th Saturday

    It does not do to dwell on dreams and forget to live. 整天沉溺于梦想而忘记如何好好生活,毫无意义. Bingo, and I think it i ...

  7. 8.1Solr API使用(分页,高亮)

    转载请出自出处:http://www.cnblogs.com/hd3013779515/ 一.Solr Deep Paging(深分页) 长期以来,我们一直有一个深分页问题.如果直接跳到很靠后的页数, ...

  8. 'No Transport' Error w/ jQuery ajax call in IE

    I need to use foursquare API to search venues. Of course it is cross-domain. It has no any problems ...

  9. 使用Base64格式的图片制作ICON

    使用Base64格式的图片制作ICON的优势是Base64图片可以减少请求次数:加快首屏数据的显示速度:使用这种方式不会对图片压缩 使用base64工具将图片转成字符串 使用站长工具可以将图片转成字符 ...

  10. PHP生成有背景的二维码图,摘自网络

    有一天产品MM高高兴兴的走过来,兴奋的和我分享她想出来的一个新的idea. 产品MM:你看这个(她指了指她的手机),一脸兴奋 那是一张带着二维码的图片,内容如下: 她接着说:如果我们的分销也能做成类似 ...