Unable to compile Angular 11.2 project using PIXI v6.0.0

I just upgraded PIXI to v6 from 5.3.8 in an Angular and TypeScript project I have. When I compile my angular project I’m seeing a whole bunch of errors related to mini-signals. I’m wondering if it is related to this https://github.com/pixijs/pixi.js/issues/7011 and might be an easy fix.

Here are the errors:

Error: node_modules/mini-signals/typings/mini-signals.d.ts:19:2 - error TS2309: An export assignment cannot be used in a module with other exported elements.

19  export = MiniSignal;
    ~~~~~~~~~~~~~~~~~~~~


Error: node_modules/resource-loader/typings/resource-loader.d.ts:102:17 - error TS2304: Cannot find name 'Signal'.

102     onComplete: Signal<Loader.OnCompleteSignal>;
                    ~~~~~~


Error: node_modules/resource-loader/typings/resource-loader.d.ts:476:14 - error TS2304: Cannot find name 'Signal'.

476     onStart: Signal<Resource.OnStartSignal>;
                 ~~~~~~


Error: node_modules/resource-loader/typings/resource-loader.d.ts:488:17 - error TS2304: Cannot find name 'Signal'.

488     onProgress: Signal<Resource.OnProgressSignal>;
                    ~~~~~~


Error: node_modules/resource-loader/typings/resource-loader.d.ts:497:17 - error TS2304: Cannot find name 'Signal'.

497     onComplete: Signal<Resource.OnCompleteSignal>;
                    ~~~~~~


Error: node_modules/resource-loader/typings/resource-loader.d.ts:505:24 - error TS2304: Cannot find name 'Signal'.

505     onAfterMiddleware: Signal<Resource.OnCompleteSignal>;
                           ~~~~~~


Error: node_modules/resource-loader/typings/resource-loader.d.ts:70:17 - error TS2304: Cannot find name 'Signal'.

70     onProgress: Signal<Loader.OnProgressSignal>;
                   ~~~~~~


Error: node_modules/resource-loader/typings/resource-loader.d.ts:78:14 - error TS2304: Cannot find name 'Signal'.

78     onError: Signal<Loader.OnErrorSignal>;
                ~~~~~~


Error: node_modules/resource-loader/typings/resource-loader.d.ts:86:13 - error TS2304: Cannot find name 'Signal'.

86     onLoad: Signal<Loader.OnLoadSignal>;
               ~~~~~~


Error: node_modules/resource-loader/typings/resource-loader.d.ts:94:14 - error0m TS2304: Cannot find name 'Signal'.

94     onStart: Signal<Loader.OnStartSignal>;
                ~~~~~~

Below is my tsconfig, updated to match https://github.com/pixijs/pixi.js/releases/tag/v6.0.0, and the packages that I have installed from my package.json. If this isn’t enough information, I can get a starter project together for Angular to see if I can get an easy reproduce case to help troubleshoot.

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "downlevelIteration": true,
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "esnext",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es2015",
    "typeRoots": ["node_modules/@types"],
    "lib": ["es2017", "dom"],
    "esModuleInterop": true,
    "paths": {
      "mini-signals": ["node_modules/resource-loader/typings/mini-signals.d.ts"]
    }
  },
  "angularCompilerOptions": {
    "strictTemplates": true
  },
  "exclude": ["./server/"]
}

  "dependencies": {
    "@angular/animations": "^11.2.5",
    "@angular/cdk": "^11.2.4",
    "@angular/common": "^11.2.5",
    "@angular/compiler": "^11.2.5",
    "@angular/core": "^11.2.5",
    "@angular/flex-layout": "^11.0.0-beta.33",
    "@angular/forms": "^11.2.5",
    "@angular/material": "^11.2.4",
    "@angular/platform-browser": "^11.2.5",
    "@angular/platform-browser-dynamic": "^11.2.5",
    "@angular/router": "^11.2.5",
    "@angular/service-worker": "^11.2.5",
    "@ngxs/devtools-plugin": "^3.7.1",
    "@ngxs/storage-plugin": "^3.7.1",
    "@ngxs/store": "^3.7.1",
    "@turf/buffer": "^6.3.0",
    "@turf/union": "^6.3.0",
    "@types/chart.js": "^2.9.31",
    "@types/d3-contour": "^2.0.0",
    "chart.js": "^2.9.4",
    "core-js": "^3.9.1",
    "d3-contour": "^2.0.0",
    "email-validator": "^2.0.4",
    "material-design-icons": "^3.0.1",
    "moment": "^2.29.1",
    "ngx-color-picker": "^11.0.0",
    "ngx-markdown": "^11.1.2",
    "ngx-perfect-scrollbar": "^10.1.0",
    "ngxs-reset-plugin": "^1.3.1",
    "pixi.js": "^6.0.0",
    "project-name-generator": "^2.1.9",
    "query-string": "^6.14.1",
    "rgb-hex": "^3.0.0",
    "run-script-os": "^1.1.5",
    "rxjs": "^6.6.6",
    "simplify-ts": "^1.0.2",
    "socket.io-client": "^4.0.0",
    "tslib": "^2.1.0",
    "uuid": "^8.3.2",
    "zone.js": "^0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.1102.4",
    "@angular/cli": "^11.2.4",
    "@angular/compiler-cli": "^11.2.5",
    "@angular/language-service": "^11.2.5",
    "@types/jasmine": "^3.6.6",
    "@types/jasminewd2": "^2.0.8",
    "@types/node": "^14.14.35",
    "@types/socket.io-client": "^1.4.36",
    "@types/uuid": "^8.3.0",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "^6.0.0",
    "karma": "^5.2.3",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "rimraf": "^3.0.2",
    "ts-node": "^9.1.1",
    "tslint": "^6.1.3",
    "typescript": "^4.0.7"
  }

[bigtimebuddy]

I have a larger fix that I want to implement that will address this and a bunch of other issues related to resource-loader and mini-signals. The types for these packages are not ideal at the moment. Here’s the summary of changes I’d like to see:

• hard fork v3 resource-loader into the @pixi/loaders package
• remove mini-signals and use events instead (Loader is the only code that uses mini-signals)
• cleanup ILoaderResource and other Loader interfaces to use GlobalMixins

Here are the advantages:

• simplifies the dependencies
• removes the path tsconfig for mini-signals
• overall better more consistent dev experience
• improved types for Loader

[razaqq]

same issue here, not building with angular