ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

FairyGUI × Cocos Creator 3.7.3 引入报错解决

2026/9/21 16:08:41 拓冰建站 浏览量
FairyGUI × Cocos Creator 3.7.3 引入报错解决

Cocos Creator 3.7.3引入fgui库

package.json添加这个依赖

  "devDependencies": {"fairygui-cc": "latest"}

执行npm i

报错解决

使用import引入fairygui-cc,就会有报错和警告,简单处理一下。
在这里插入图片描述
鼠标随便点一下也会出警告
在这里插入图片描述

下载好后看一下模块里给的package.json熟悉一下
在这里插入图片描述
可以看到main文件是这个fairygui.mjs,打开它。

  1. 根据报错修改RenderComponent,没什么难的,替换即可。
    在这里插入图片描述
    应该有2处,全部替换即可。

  2. 修改director.getTotalTime,也是替换
    在这里插入图片描述

  3. 修改View.prototype.getCanvasSize,替换之后还要添加一下引用,原本没有从cc中引用出来。
    搜索getCanvasSize
    在这里插入图片描述
    修改第一个
    在这里插入图片描述
    修改第二个
    在这里插入图片描述
    在这里插入图片描述
    再在import里添加一下screen
    在这里插入图片描述

  4. 如果需要刷新一下引用,随便找个脚本将import * as fgui from "fairygui-cc";注释掉,切到cocos,更新完后再还原注释,即可刷新。

  5. 再运行就没有报错了
    在这里插入图片描述
    以上报错,可以顺手把.min.mjs里的一起改了。后面再遇到cocos版本不兼容类似的报错或者警告,也是一样处理。

附Cocos api 文档:https://docs.cocos.com/creator/3.8/api/zh/class/Screen