Category : micro-frontend

I was able to deploy my apps on cloud and have registered them through a container app… { "imports": { "app1": "http://test-app1:80/main-es2015.js", "login": "http://srt-login:80/main-es2015.js", "nav-bar": "http://srt-navbar:80/main-es2015.js", "single-spa": "https://cdnjs.cloudflare.com/ajax/libs/single-spa/5.5.0/system/single-spa.min.js", "single-spa-layout": "https://unpkg.com/[email protected]/dist/system/single-spa-layout.min.js" } } when i hit the url of the main container app it is unable to load the app1 and navbar.. Uncaught Error: application ‘app1’ ..

Read more

I dockerized my angular application ang have been trying to load it through another application. <script type="systemjs-importmap"> { "imports": { "app1": "https://localhost:8080/main-es5.js" "single-spa": "https://cdnjs.cloudflare.com/ajax/libs/single-spa/5.5.0/system/single-spa.min.js", "single-spa-layout": "https://unpkg.com/[email protected]/dist/system/single-spa-layout.min.js" } } </script> When trying to hit the url getting error: Access to script at ‘http://localhost:8080/main-es5.js’ from origin ‘http://localhost:4200’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is ..

Read more

Can anyone please help us how to deploy an angular spa application. We are using a dockerfile to deploy.. The application is built and deployed successfully when i dockerize it but is giving the below error when i try to hit the main.js url Access to script at ‘http://localhost:8080/main-es5.js’ from origin ‘http://localhost:4200’ has been blocked ..

Read more

I am working on an angular project for this single spa micro frontend application, { "imports": { "app1": "http://localhost:4201/main.js", "login": "http://localhost:4204/main.js", } } I have deployed my app1 on cloud but on every build a different main.js like this mainedsf24r43.js gets generated, hence I am getting an error : open() "/usr/share/nginx/html/main.js" failed (2: No such ..

Read more

I’m trying to create micro-frontend using single-spa. I want three angular applications in it such as CoreApp , app1 and app2. furthermore I want to achieve as in this repo : https://github.com/angular-microfrontends how do I create this? the reason I’m asking is I didn’t find any helping material for creating this example. Please don’t mark ..

Read more

I’m following Manfred Steyer’s intro guide to setting up micro frontends in Angular 12 utilizing WebPack 5 Module Federation: https://dev.to/manfredsteyer/tutorial-getting-started-with-webpack-module-federation-and-angular-2edd During the build I noticed that, in order to see both my shell host app and my mfe1 micro frontend app, I must ng serve both of them in separate terminal windows: ng serve shell ..

Read more

The stack is way too complicated to recreate it, so forgive me in advance and ask me for further information. The Angular app has the following structure: @NgModule({ imports:[ SharedModule ], declarations: [ // These two components share common state // in ServiceFoo. // ParentComponent will call the ModalService // to render the DynamicallyRenderedComponent // ..

Read more

I try to use single-spa-layout in index.html , It works in Chrome , but single-spa-layout not updating DOM elements during route transitions in Electron. Electron app can using SPA framework ? Please suggest the best way to deal with it. index.html : https://github.com/joeldenning/coexisting-angular-microfrontends/blob/master/root-html-file/index.html Source: Angular..

Read more