@syamsundar2993 I think isn't possible, because Single SPA need a project base and your Parcels( other project Angular). You can using Module Federation, Angular Elements or Stenciljs
Great tutorial! i have a question if for example in the angular app you created another component and add it in the app.routing like for example: {path:'contact', component: ContactComponent}, how can you access to this route?
Hi, for some reason it is not working properly for the angular section (only for react). looks like it is gitting it from the network, but does not presinting it.. any idea what could cause it ?
Hello, congratulations on your work, it is very important information. But I have a question about the standalone option in Angular. How can I load only a child application without a host application? Is it a simple option or a very complicated setup? Thank you!!
great work, good tutorial, one question, I have exact same settings for root and parcel app but still my parcel app is not visible on root app after run on browser what can be the reason, searching from long time, but not getting fix :(, can you please make one tutorial step by step guide for connecting between two angular apps with different versions like angular 5 as base version and angular latest as parcel app in it, it will be really appreciated.
Great Work Man..I have a question. How can I use Single SPA alone? I have to deploy angular SPA alone without any base location. Is that possible to do?
You would be needing the base application to seat on a server which would be the root of your application. You won't be able to see the view of your application if you build your angular single spa alone. This is because single spa angular builds differently from a regular angular application. It lacks some files like runtime.js Here is a conversation on this subject: github.com/single-spa/single-spa-angular/issues/92
Is it possible to create micro frontend in diffrent framework and render it in one single page application with module federation if yes how to do that configuration Please help
After adding ng add single-spa-angular and serve application.it doesnt serve it shows error that custom webpack issue.do you have any idea?i am using angular 11
How to use angular generated application(ng new app name) with single Spa application(crete-single-spa)? Like i dont want to use angular application generated by create-single-spa. Also angular application generated by single-Spa is not running separately so how to fix this?
Yes you can. You only need to install single SPA on your already existing application by ruining the command ng add single-spa-angular. You won't be able to see the view of your application if you build your angular single spa alone. This is because single spa angular builds differently from a regular angular application. It lacks some files like runtime.js Here is a conversation on this subject: github.com/single-spa/single-spa-angular/issues/92
@@soft-code Im having a weird issue that I think involves zone.js? There was a step mentioned in the single-spa documentaiton that involves uncommenting a script tag in the index.ejs that loads zone.js however Im still running into this error. Do you happen to have any insight about whats causing this error? Script error. at handleError (/sampleOrg-root-config.js:2337:58) at /sampleOrg-root-config.js:2356:7 at e.invokeTask And I see this error in my browser console: uncaught Error: Unable to resolve bare specifier 'zone.js' from /main.js
Good one. You saved my night.... Good night!
Glad it helped
Thank you. Had to do a POC for work and this video saved me!
Your Single SPA videos helped me a lot (!) to get into this topic and to run Angular apps next to each other.
Great explanation brother Love you ❤
Great content. Very informative for front end developers
Thank you, man, A great video!!! Your tutorial saved me, I needed to learn about this topic and these videos helped me!!! Regards!!!
Great to hear this.
Thanks for the tutorial, you saved my weekend! 😃
What an amazing video, congratulations! I just wanted to know if it's possible to run Angular normally without needing the base application.
is it possible bro ?
@syamsundar2993 I think isn't possible, because Single SPA need a project base and your Parcels( other project Angular). You can using Module Federation, Angular Elements or Stenciljs
Great work man, I really appreciate the tutorial, this helped me a lot.
Glad it helped!🙂
Great, man.
How can I export an isolated component from the angular project and import it in another microfrontend?
But how to fix the white screen in angular. Without fixing white screen how will we be to develop the pages in single spa
Great tutorial! i have a question if for example in the angular app you created another component and add it in the app.routing like for example:
{path:'contact', component: ContactComponent}, how can you access to this route?
Where did you get other applications from? I mean sampleBaseApplication. How to create it?
Thanks for the video! voice is too low? can't hear you in some portions
You're welcome. Apologies for the audio.
all the best bro
Hi, for some reason it is not working properly for the angular section (only for react). looks like it is gitting it from the network, but does not presinting it..
any idea what could cause it ?
very helpful video
Hello, congratulations on your work, it is very important information. But I have a question about the standalone option in Angular. How can I load only a child application without a host application? Is it a simple option or a very complicated setup? Thank you!!
Why is it needed to set ** for the route ? How can we define angular routing here.
I cant use bootstrap on this project. Can you please help
great work, good tutorial, one question, I have exact same settings for root and parcel app but still my parcel app is not visible on root app after run on browser what can be the reason, searching from long time, but not getting fix :(, can you please make one tutorial step by step guide for connecting between two angular apps with different versions like angular 5 as base version and angular latest as parcel app in it, it will be really appreciated.
Great Work Man..I have a question. How can I use Single SPA alone? I have to deploy angular SPA alone without any base location. Is that possible to do?
You would be needing the base application to seat on a server which would be the root of your application.
You won't be able to see the view of your application if you build your angular single spa alone.
This is because single spa angular builds differently from a regular angular application. It lacks some files like runtime.js
Here is a conversation on this subject: github.com/single-spa/single-spa-angular/issues/92
Is it possible to create micro frontend in diffrent framework and render it in one single page application with module federation if yes how to do that configuration
Please help
After adding ng add single-spa-angular and serve application.it doesnt serve it shows error that custom webpack issue.do you have any idea?i am using angular 11
How to use angular generated application(ng new app name) with single Spa application(crete-single-spa)? Like i dont want to use angular application generated by create-single-spa. Also angular application generated by single-Spa is not running separately so how to fix this?
Yes you can.
You only need to install single SPA on your already existing application by ruining the command ng add single-spa-angular.
You won't be able to see the view of your application if you build your angular single spa alone.
This is because single spa angular builds differently from a regular angular application. It lacks some files like runtime.js
Here is a conversation on this subject: github.com/single-spa/single-spa-angular/issues/92
@@soft-code Im having a weird issue that I think involves zone.js? There was a step mentioned in the single-spa documentaiton that involves uncommenting a script tag in the index.ejs that loads zone.js however Im still running into this error. Do you happen to have any insight about whats causing this error?
Script error.
at handleError (/sampleOrg-root-config.js:2337:58)
at /sampleOrg-root-config.js:2356:7
at e.invokeTask
And I see this error in my browser console: uncaught Error: Unable to resolve bare specifier 'zone.js' from /main.js
Hi can u share the code repo?