single-spa-angular | building single-spa applications | Single Page Application library
kandi X-RAY | single-spa-angular Summary
kandi X-RAY | single-spa-angular Summary
Helpers for building single-spa applications which use Angular
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of single-spa-angular
single-spa-angular Key Features
single-spa-angular Examples and Code Snippets
Community Discussions
Trending Discussions on single-spa-angular
QUESTION
When we are trying to update our Angular 9 application(Single SPA micro frontend) to Angular 12 we are facing bellow issue.
Error on console when trying to run this app:
...ANSWER
Answered 2021-Dec-16 at 14:06kindly update the custom-webpack with ^12.1.3
QUESTION
After migrating my angular 6 project to 12. I am getting multiple warning in terminal
if in angular.json i set optimisation: false configuration then all issue get resolved but i don't want to make this changes it should be true only.
with optimisation: true i am getting all these warnings:-
Earlier same code was working fine without any warning.
...ANSWER
Answered 2021-Sep-08 at 10:30I had the same problem. You should change the import of 'assets/.../variables.scss' to './assets/.../variables.scss'. In my case it was in styles.scss but it can be in every .scss file.
QUESTION
I have created a single-spa angular app in which i have installed font-awesome and jquery and bootstrap using "npm install --save bootstrap jquery@3.4.1 font-awesome". After that i have provided the url of this js and css inside angular.json file so the problem i am facing is jquery and font-awesome working fine when I am running this application in normal angular mode but the problem occur when i try to run this application in Single-spa mode. In single-spa mode jQuery and font-awesome not working but i am not able to understand that my bootstrap style is working but why i am facing problem with font-awesome even i have provided the font-awesome url in angular.json file in a same way like i am providing url for bootstrap.
Note: I have created this single spa angular application by running "ng add single-spa-angular" command inside root folder of already existing angular app.
We can run app in normal angular mode using "ng serve -o" command. But to run this application in single-spa mode we have to run this command "npm run serve:single-spa:".
Thanks
...ANSWER
Answered 2021-Feb-16 at 17:40There are 2 solutions here
- import the Jquery inside
main.single-spa.ts
file. - or add the JQuery as a shared dependency inside your root config app
QUESTION
I am getting an error while i compile my angular as :
...ANSWER
Answered 2020-Dec-11 at 06:51The problem is with single-spa-angular schematics which was fixed in v 3.5.3. It installs latest version even if you specify a version before if was fixed in v3.5.3.
https://github.com/single-spa/single-spa-angular/releases/tag/v3.5.3
Follow following steps
- Delete node_modules.
- Delete package-lock.json.
- remove single-spa-angular and single-spa from package.json.
- running ng add single-spa-angular@3.5.3
- Run npm install.
- Run your application.
For more information you can also read here :-
https://github.com/single-spa/single-spa-angular/issues/208 https://github.com/single-spa/single-spa-angular/pull/231
QUESTION
I started single-spa app from scratch following:
https://medium.com/@AndrewLocke/creating-a-single-spa-web-application-4e115802f474
I wanted to use angular, so I created another app using
ng new my-app --routing --prefix my-app
and app was working fine, then I've added single-spa-angular by
ng add single-spa-angular
and application stopped rendering, even calling angular.version
from console in dev tools returns error: angular is not defined.
How can I render this application? Or have live reloading for development?
...ANSWER
Answered 2020-Apr-12 at 15:59This is fine I guess. When you add single-spa-angular
the angular.json
is changed (check it in git). The application gets a new rendering mode. Just continue with the tutorial and finish configuring the apps.
Also check the package.json file for new scripts. There should be one build and serve script for single-spa and a different ones for standalone use.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install single-spa-angular
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page