TypeScript Errors

[subhoghoshX]

Version

• Phaser Version: 3.55.2+

• Operating system: any

• Browser: any

Description

When trying to recreate the game using the website's guide, I encountered a couple of TypeScript errors.

In a section while iterating the stars it shows setBounceY not found.

const stars = this.physics.add.group({
  key: "star",
  repeat: 11,
  setXY: { x: 12, y: 0, stepX: 70 },
});

stars.children.iterate((child) => {
  child.setBounceY(Phaser.Math.FloatBetween(0.4, 0.8)); // Here it says `setBounceY` doesn't exist.
  return null;
});

And just after that, in the tutorial, where it shows how to detect overlap, the doc shows to use null and this as the 3rd & 4th arguments.

But it shows a type error when I pass null.

Looking at the type it look like it expects something else:

I encountered the above errors in phaser@3.55.2+ including the latest beta 16.

[subhoghoshX]

PS: I know creating an issue is easier than fixing it. I'm quite familiar with JS/TS, if anyone can point me in the right direction, I can try fixing it.

[photonstorm]

You need to cast 'child' in the iterate handler or TS won't understand what it is.

[subhoghoshX]

Cast 'child' to what type?

[photonstorm]

To what it is - an Phaser.Physics.Arcade.Sprite.