Angular needs JIT compiler and throws error trying to share Angular between microfrontends about single-spa

[mattiaforc]

Upon further investigation, I tried to change the packages from JSPM to the exact packages as stated in the docs, with this import-map:

{
  "rxjs": "https://cdn.jsdelivr.net/npm/@esm-bundle/rxjs/system/es2015/rxjs.min.js",
  "rxjs/operators": "https://cdn.jsdelivr.net/npm/@esm-bundle/rxjs/system/es2015/rxjs-operators.min.js",
  "@angular/core": "https://cdn.jsdelivr.net/npm/@esm-bundle/angular__core/system/es2022/ivy/angular-core.min.js",
  "@angular/common": "https://cdn.jsdelivr.net/npm/@esm-bundle/angular__common/system/es2020/ivy/angular-common.min.js",
  "@angular/common/http": "https://cdn.jsdelivr.net/npm/@esm-bundle/angular__common/system/es2020/ivy/angular-http.min.js",
  "@angular/animations": "https://cdn.jsdelivr.net/npm/@esm-bundle/angular__animations/system/es2020/ivy/angular-animations.js",
  "@angular/animations/browser": "https://cdn.jsdelivr.net/npm/@esm-bundle/angular__animations/system/es2020/ivy/angular-browser.js",
  "@angular/platform-browser": "https://cdn.jsdelivr.net/npm/@esm-bundle/angular__platform-browser/system/es2020/ivy/angular-platform-browser.js",
  "@angular/platform-browser/animations": "https://cdn.jsdelivr.net/npm/@esm-bundle/angular__platform-browser/system/es2020/ivy/angular-animations.js",
  "@angular/platform-browser/animations": "https://cdn.jsdelivr.net/npm/@esm-bundle/angular__platform-browser/system/es2020/ivy/angular-animations.js",
  "@angular/platform-browser-dynamic": "https://cdn.jsdelivr.net/npm/@esm-bundle/angular__platform-browser-dynamic/system/es2020/ivy/angular-platform-browser-dynamic.js",
  "@angular/router": "https://cdn.jsdelivr.net/npm/@esm-bundle/angular__router/system/es2020/ivy/angular-router.js",
  "single-spa-angular/internals": "https://cdn.jsdelivr.net/npm/@esm-bundle/[email protected]/system/es2020/ivy/angular-single-spa-angular-internals.js",
  "single-spa-angular": "https://cdn.jsdelivr.net/npm/@esm-bundle/[email protected]/system/es2020/ivy/angular-single-spa-angular.js"
}

But I get this error:

application '@brt-it/footer-mfe' died in status LOADING_SOURCE_CODE: class heritage ɵBrowserPlatformLocation is not an object or null
execute@https://cdn.jsdelivr.net/npm/@esm-bundle/[email protected]/system/es2020/ivy/angular-single-spa-angular.js:34:13
doExec@https://cdn.jsdelivr.net/npm/[email protected]/dist/system.js:469:34
postOrderExec@https://cdn.jsdelivr.net/npm/[email protected]/dist/system.js:465:12
postOrderExec/<@https://cdn.jsdelivr.net/npm/[email protected]/dist/system.js:451:43
postOrderExec@https://cdn.jsdelivr.net/npm/[email protected]/dist/system.js:449:12
topLevelLoad/load.C<@https://cdn.jsdelivr.net/npm/[email protected]/dist/system.js:422:14
e.prototype.invoke@https://cdn.jsdelivr.net/npm/[email protected]/dist/zone.min.js:13:7171
t.prototype.run@https://cdn.jsdelivr.net/npm/[email protected]/dist/zone.min.js:13:2271
w/<@https://cdn.jsdelivr.net/npm/[email protected]/dist/zone.min.js:27:2767
e.prototype.invokeTask@https://cdn.jsdelivr.net/npm/[email protected]/dist/zone.min.js:13:7855
t.prototype.runTask@https://cdn.jsdelivr.net/npm/[email protected]/dist/zone.min.js:13:2934
_@https://cdn.jsdelivr.net/npm/[email protected]/dist/zone.min.js:13:10171
t.invokeTask@https://cdn.jsdelivr.net/npm/[email protected]/dist/zone.min.js:13:9016
p@https://cdn.jsdelivr.net/npm/[email protected]/dist/zone.min.js:43:733
h@https://cdn.jsdelivr.net/npm/[email protected]/dist/zone.min.js:43:967

[MilanKovacic]

Hi, please reopen the issue in https://github.com/single-spa/single-spa-angular.