Cannot find name 'OffscreenCanvas' (inside an angular app)

Hello, I have the same symptoms of this issue: https://github.com/pixijs/pixijs/issues/8174

But the problem isn’t fixed for me yet, and the solution there (installing @types/offscreencanvas) did not help either.

Expected Behavior

Angular app should start even after adding pixi.js.

Current Behavior

Starting the application gives the following error:

Error: node_modules/@pixi/core/index.d.ts:1534:45 - error TS2304: Cannot find name 'OffscreenCanvas'.

1534     static test(source: unknown): source is OffscreenCanvas | HTMLCanvasElement;
                                                 ~~~~~~~~~~~~~~~


Error: node_modules/@pixi/text/index.d.ts:306:105 - error TS2304: Cannot find name 'OffscreenCanvas'.

306     static measureText(text: string, style: TextStyle, wordWrap?: boolean, canvas?: HTMLCanvasElement | OffscreenCanvas): TextMetrics_2;
                                                                                                            ~~~~~~~~~~~~~~~


Error: node_modules/@pixi/text/index.d.ts:444:47 - error TS2304: Cannot find name 'OffscreenCanvas'.

444     static get _canvas(): HTMLCanvasElement | OffscreenCanvas;
                                                  ~~~~~~~~~~~~~~~


Error: node_modules/@pixi/text/index.d.ts:450:55 - error TS2304: Cannot find name 'OffscreenCanvasRenderingContext2D'.

450     static get _context(): CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;

Steps to Reproduce

• create an angular app (ng new my-project)
• npm install pixi.js
• call new Application() on startup

It is reproduced here: https://github.com/kevincentius/angular-pixi-bug-reproduce

Running npm install and npm start should start the project and trigger the error

Environment

• pixi.js 6.3.2
• angular 13.3.0
• Windows 10

[Crefelder]

Installed packages for pixijs and ng 13.3.7 version:

TWO different ideas that are working for me: 1.

Add type offscreencanvas to tsconfig.app.json:

Add allowSyntheticDefaultImports in compilerOptions in tsconfig.json

OR 2.

In the src folder of angular I´ve added a empty file called typings.d.ts with this content: declare type OffscreenCanvas = any; declare type OffscreenCanvasRenderingContext2D = any;

add this to tsconfig.json

THEN

Add in angular.json

For getting rid of this message: I’ve added allowedCommonJsDependencies: - url

if you have max size warnings you can change them in angular.json

[kevincentius]

I just tested and found pixi to work on Angular 12, but does not on Angular 13.