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