single-spa-angular icon indicating copy to clipboard operation
single-spa-angular copied to clipboard

Support Angular v20

Open mklemarczyk opened this issue 6 months ago • 4 comments

Following the issue ticket that request support for Angular v19, it is still single-spa-angular v10 not released. Link https://github.com/single-spa/single-spa/issues/1306 NPM https://www.npmjs.com/package/single-spa-angular/v/10.0.0-beta.8

Did you started works on Angular 20.0.0-rc.3, the release Angular 20 is question of days (Week of 2025-05-26). The Angular releases are predictable and happen each 6 months.

mklemarczyk avatar May 21 '25 15:05 mklemarczyk

My current priority is rewriting single-spa-vue. With sponsorship, I would be able to prioritize working on this in the next week or so. My guess is that single-spa-angular@10 (which is in beta) is compatible with Angular 20, but it is not yet complete. Without sponsorship, hopefully by July single-spa-angular@10 can be released

internettrans avatar May 28 '25 03:05 internettrans

@jolyndenning so will v10 support Angular 19 or 20? Currently we are waiting for the Angular 19 version

CaptainGlac1er avatar Jun 16 '25 17:06 CaptainGlac1er

I plan to work on this, but have to prioritize work that is funded. If your organization is able to fund the work, the timeline can be accelerated.

internettrans avatar Jun 19 '25 19:06 internettrans

Is there anything I can help with?

CaptainGlac1er avatar Jun 20 '25 16:06 CaptainGlac1er

@jolyndenning How is the progress going? Can't speak about sponsorship but I'd pitch in a bit if there was a way for a quick donation. Do you use any platforms for donations?

alex-milanov avatar Sep 15 '25 13:09 alex-milanov

I recently released [email protected] and @node-loader/[email protected], now am working on refactoring single-spa-layout to typescript and updating it to use a new lifecycle method for server-side rendering, and then update the isomorphic-microfrontends example to use it.

A donation to fund work on Angular 20 support would help me prioritize working on it once that work is completed. Funding for Angular 20 support can be sent via Github Sponsors, Open Collective, or Patreon

internettrans avatar Sep 16 '25 05:09 internettrans

Hey @internettrans how's it going with angular 20? Do you have by any chance a timeline for this? Love your work, btw!

ciprian1992 avatar Nov 10 '25 09:11 ciprian1992

I actually migrated an application from Angular 18 to Angular 20, and the lib still works. You only need to continue to use the browser builder.

alaindeurveilher avatar Nov 10 '25 10:11 alaindeurveilher

@alaindeurveilher thank you for your answer! It made me reconsider the issue that I've encountered.

I got an error application died in status SKIP_BECAUSE_BROKEN: JIT compiler unavailable.

Thought it was due to single-spa-angular not being compatible with Angular 20 but actually it was due to replacing playformBrowserDynamic() with platformBrowser() in my angular app which prevented JIIT compiler to be loaded.

JIIT compiler is needed to run microfrontends via single-spa-angular. (At least in my case)

ciprian1992 avatar Nov 10 '25 11:11 ciprian1992

If the single-spa open collective or my GitHub sponsors receive at least a few hundred dollars, I will prioritize this work. Otherwise, my priorities will remain in work that could result in getting paid, which right now is single-spa prebuilts.

internettrans avatar Nov 11 '25 05:11 internettrans

I updated to Angular 20 but got "ɵNotFound: application '@amp/common' died in status SKIP_BECAUSE_BROKEN: NG0201: No provider found for XhrFactory". Does anyone have an idea how to fix it?

D-Studio-21th avatar Nov 11 '25 06:11 D-Studio-21th

I updated to Angular 20 but got "ɵNotFound: application '@amp/common' died in status SKIP_BECAUSE_BROKEN: NG0201: No provider found for XhrFactory". Does anyone have an idea how to fix it?

Your error might not be related to single-spa, but more due to your update to Angular 20 only, so it could be out of scope of this discussion. I would advise not to continue here on that subject not to pollute this thread, after reading the following clues:

"@amp" seems to be a private module or library of yours, so check if it's properly migrated as well. The xhrFactory error suggests that you probably didn't provide properly the HttpClient in your app: provideHttpClient().

Thank you.

alaindeurveilher avatar Nov 11 '25 10:11 alaindeurveilher

I updated to Angular 20 but got "ɵNotFound: application '@amp/common' died in status SKIP_BECAUSE_BROKEN: NG0201: No provider found for XhrFactory". Does anyone have an idea how to fix it?

Your error might not be related to single-spa, but more due to your update to Angular 20 only, so it could be out of scope of this discussion. I would advise not to continue here on that subject not to pollute this thread, after reading the following clues:

"@amp" seems to be a private module or library of yours, so check if it's properly migrated as well. The xhrFactory error suggests that you probably didn't provide properly the HttpClient in your app: provideHttpClient().

Thank you.

No, that has a direct connection to the single spa because a separate application works properly

D-Studio-21th avatar Nov 11 '25 12:11 D-Studio-21th