Stack Overflow
Stack Overflow

Questions tagged [single-spa-angular]

A javascript library to integrate your Angular application in single-spa(micro frontend) application..

86 questions
14
votes
4 answers

Cannot find module '@angular-builders/custom-webpack/package.json'

I'm following the document on single-spa for angular. My angular version is 11+. I followed the steps from https://single-spa.js.org/docs/ecosystem-angular/#angular-cli through https://single-spa.js.org/docs/ecosystem-angular/#finish-installation…
Syed Abrar Jaleel
  • 141
  • 1
  • 1
  • 4
7
votes
0 answers

How to load assets from single-spa microfrontend's assets in styles.scss?

I've recently started migrating some Angular projects to single-spa, and I've ran into this issue. In the child projects (microfrontends, Angular 12), assets requested in styles.scss will only ask for it from the root/host url, while assets…
Redeven
  • 71
  • 3
5
votes
1 answer

Angular as Webpack External

I'm currently trying to lower build times by externalizing Angular dependencies through Webpack externals. So far, I have achieved this wihout problems for React and other minor libraries. If I just move '@angular/compiler' it also works, however…
Oriol_IL
  • 120
  • 1
  • 14
4
votes
2 answers

single-spa-angular Multiple routes in a microfrontend application are not working when we refresh the browser (GitHub code is available)

Can someone help me out on this? any help would be greatly appreciated . I have a simple angular application with multiple routes mentioned below App1Route1 App1Route2 App1Route2 and I have a main app component which uses to display these…
Siva Kumar
  • 87
  • 1
  • 7
4
votes
1 answer

Browser refresh shows "page not found" error, when the single-spa application is deployed in the subdirectory

My single-spa contains 4 react applications. Each has its own react-router-dom. If I hit browser refresh from one of the 4 applications it says page not found. Application is deployed in the apache server in Linux OS. I don't know whether I'm…
satheesh
  • 403
  • 5
  • 15
3
votes
3 answers

Global scss styles not getting applied with single-spa-Angular

The global css present in the styles.scss file is not getting applied. I have used single-spa in the application Below is my index.html file-  
Priyanshu Paul
  • 31
  • 2
3
votes
1 answer

Facing issue while upgrading Angular 11 app to Angular 12

When we are trying to update our Angular 11 application(Single SPA micro frontend) to Angular 12 we are facing bellow issue. Error on console when trying to run this app: An unhandled exception occurred: Invalid configuration object. Webpack has…
Dnyaneshwar
  • 148
  • 7
3
votes
1 answer

Is there any way to show a loader till micro apps getting loaded in single spa project

I am using single spa for my current project and want to have a loader till my micro app gets loaded and there will be a switch between these micro apps , in that case also I want to show a loader. Is there any way to achieve the same?
ranjeet kumar
  • 251
  • 2
  • 10
2
votes
0 answers

How to load components (containing assets) from npm package in a Single-Spa application?

I have an application build using Single-Spa and it consist of: Root Config App (hosted on http://localhost:3000) App1 (Angular application hosted on http://localhost:3001) App1 has a dependency (npm package) Dep1. Dep1 provides img-preview.png…
conrisc
  • 43
  • 1
  • 5
2
votes
0 answers

How to run the single spa application on docker container

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…
Akancha Singh
  • 83
  • 1
  • 13
2
votes
1 answer

What is the best way to load custom fonts for child application using single-SPA?

We have custom font awesome icons used in our child application, currently it is loaded in child application as an Angular component. We have no issues when running the child application as a separate application. Where as after converting…
Laxmikanth
  • 21
  • 2
2
votes
2 answers

Local development of single single-spa child app

I managed to create a working single-spa application (with navbar and 3 other apps), copied and modified from https://github.com/joeldenning/coexisting-angular-microfrontends. Now, I understand that the final output of a single SPA app instance has…
JointEffort
  • 583
  • 7
  • 21
2
votes
1 answer

Angular 9 - Single SPA sub routing issue

I have been looking around trying to find an answer to this problem but I can't, apologies if this has already been asked! I have created some small angular 9 apps which I am importing into a basic html page using single spa. I have my apps…
webdevz12
  • 33
  • 2
  • 5
2
votes
1 answer

single-spa with multiple versions of same library(React) or Framework, How to handle

I have been going through single-spa from past few days, and it is very simple to setup and integrate the frmawork(Angualar) apps or libraries(React/redux app). But I have one doubt though { "name": "single-spa-simple-example", "version":…
RONE
  • 5,415
  • 9
  • 42
  • 71
1
vote
0 answers

Angular-Material styles not loading in single-spa app

I am trying to create a simple Angular Application and run it as a Microfrontend in single-spa. In the Angular App I want to add Angular-Material. The problem is, that the Material Styles are loaded in the "standalone" app without single-spa but not…
ChromedPrism
  • 11
  • 1
1
2 3 4 5 6