Updating Rex Plugins breaks something

Phaser 3
1

Hi,

I’ve been happily using phaser3-rex-plugins which are awesome but on updating from v1.1.63 to 1.60.7, I suddenly get a load of build errors (see below for examples). Anyone got an idea what’s going on??? Would appear an issue with my end?

Thanks, Gordon

ERROR in ./node_modules/phaser3-rex-plugins/templates/ui/basesizer/utils/LayoutChild.js 1:0-67
Module not found: Error: Can’t resolve ‘…/…/…/…/plugins/utils/actions/AlignIn.js’ in ‘C:\TEACHHC\AlgebotsV3\node_modules\phaser3-rex-plugins\templates\ui\basesizer\utils’
@ ./node_modules/phaser3-rex-plugins/templates/ui/sizer/LayoutChildren.js 3:0-60 74:8-24
@ ./node_modules/phaser3-rex-plugins/templates/ui/sizer/Methods.js 7:0-49 20:20-34
@ ./node_modules/phaser3-rex-plugins/templates/ui/sizer/Sizer.js 2:0-35 61:4-11
@ ./node_modules/phaser3-rex-plugins/templates/ui/sizer/Factory.js 1:0-31 6:25-30 11:40-45 13:15-20
@ ./node_modules/phaser3-rex-plugins/templates/ui/ui-plugin.js 23:0-46
@ ./src/config.ts 2:0-72 38:14-25
@ ./src/index.ts 2:0-30 6:0-12 7:0-13

ERROR in ./node_modules/phaser3-rex-plugins/templates/ui/bbcodetext/BBCodeText.js 1:0-56
Module not found: Error: Can’t resolve ‘…/…/…/plugins/bbcodetext.js’ in ‘C:\TEACHHC\AlgebotsV3\node_modules\phaser3-rex-plugins\templates\ui\bbcodetext’
@ ./node_modules/phaser3-rex-plugins/templates/ui/bbcodetext/Factory.js 1:0-41 6:25-35 11:45-55 13:15-25
@ ./node_modules/phaser3-rex-plugins/templates/ui/ui-plugin.js 6:0-56
@ ./src/config.ts 2:0-72 38:14-25
@ ./src/index.ts 2:0-30 6:0-12 7:0-13

ERROR in ./node_modules/phaser3-rex-plugins/templates/ui/buttons/AddChildMethods.js 2:0-80
Module not found: Error: Can’t resolve ‘…/utils/buttons/ButtonSetInteractive.js’ in ‘C:\TEACHHC\AlgebotsV3\node_modules\phaser3-rex-plugins\templates\ui\buttons’
@ ./node_modules/phaser3-rex-plugins/templates/ui/buttons/Buttons.js 2:0-51 52:4-19
@ ./node_modules/phaser3-rex-plugins/templates/ui/buttons/Factory.js 1:0-35 6:25-32 11:42-49 13:15-22
@ ./node_modules/phaser3-rex-plugins/templates/ui/ui-plugin.js 30:0-50
@ ./src/config.ts 2:0-72 38:14-25
@ ./src/index.ts 2:0-30 6:0-12 7:0-13

ERROR in ./node_modules/phaser3-rex-plugins/templates/ui/buttons/Buttons.js 4:0-62
Module not found: Error: Can’t resolve ‘…/utils/buttons/ButtonMethods.js’ in ‘C:\TEACHHC\AlgebotsV3\node_modules\phaser3-rex-plugins\templates\ui\buttons’
@ ./node_modules/phaser3-rex-plugins/templates/ui/buttons/Factory.js 1:0-35 6:25-32 11:42-49 13:15-22
@ ./node_modules/phaser3-rex-plugins/templates/ui/ui-plugin.js 30:0-50
@ ./src/config.ts 2:0-72 38:14-25
@ ./src/index.ts 2:0-30 6:0-12 7:0-13

2

Which kind of bundle tool (webpack, rollup, vite) in your case?
I used webapck for testing my plugins without any error. But I heard that vite might have some error messages.

3

Thanks, I’ve updated all my webpack, babel and phaser to most up to date versions and error has disappeared - not sure what the issue was, but working now. Only issue I have now is:

Could not find a declaration file for module ‘phaser3-rex-plugins/plugins/roundrectangle-plugin’. ‘c:/TEACHHC/AlgebotsV3/node_modules/phaser3-rex-plugins/plugins/roundrectangle-plugin.js’ implicitly has an ‘any’ type.
If the ‘phaser3-rex-plugins’ package actually exposes this module, try adding a new declaration (.d.ts) file containing declare module 'phaser3-rex-plugins/plugins/roundrectangle-plugin';

However I can suppress this one using // @ts-expect-error.

Thanks for your time and awesome resources!

4

You can import round-rectangle-shape class directly when using webpack/rollup, it will also include type define of this class.