Comments (14)
Hey @MykolaShevchuk, I have seen issues sort of similar to this but have struggled to replicate the issue. I just tried this again on coexisting-angular-microfrontends.surge.sh, but was unable to see the problem.
Any tips on how to get this to happen consistently? I would definitely like to fix the problem.
from coexisting-angular-microfrontends.
Thank you @joeldenning. I can reproduce it on http://coexisting-angular-microfrontends.surge.sh
Steps to reproduce:
- Open http://coexisting-angular-microfrontends.surge.sh/ and with not loaded "App 1"
- Click "App 1"
- Click "Home".
- And here is happening something strange:
If you had clicked "Home" after "App1" was fully loaded - everything is fine;
if you had clicked "Home" very very fast - everything is fine;
if you had clicked "Home" after small delay like 500ms - it starts redirect loop between '/' and '/app1'.
from coexisting-angular-microfrontends.
I was able to replicate this error only one time after about 20 attempts. Afterwards, I upgraded all of the single-spa applications in this repo to Angular 8.
Could you verify if you can still replicate the error, now that everything is upgraded to Angular 8? I think I don't know the click timing as well as you do 😄
from coexisting-angular-microfrontends.
Hello Joeldenning,
We are also facing the same issue . we are using five applications which are built on Angular-7.2. It is happening sporadically , i feel it is not issue with click timing or delay of loading.
from coexisting-angular-microfrontends.
@nashvillenarayan any information that you could provide that would help me replicate this issue reliably would be appreciated.
from coexisting-angular-microfrontends.
@joeldenning I've just tested updated version with angular8. Unfortunately, it's still reproducible.
from coexisting-angular-microfrontends.
Hmm I will try to find some time to figure out how to make this consistent to reproduce.
from coexisting-angular-microfrontends.
I just tried to recreate the problem and was unable to do so. Until there is a way to consistently demonstrate the problem, I will be unable to fix it.
from coexisting-angular-microfrontends.
Hi Joeldenning,
I also encountered this problem, using angular7.
I have uploaded my code to github(https://github.com/ywager/angular-microfrontends), and the steps and problems have been described in the project README. If you are comfortable, you can test it.
from coexisting-angular-microfrontends.
👍 I'll check it out the next time I get a chance.
from coexisting-angular-microfrontends.
https://github.com/korjikk/angular-single-spa-routing-issue
from coexisting-angular-microfrontends.
Hi @joeldenning, I'm also experiencing this issue;
Things I've found which assist with reproduction:
IE11 reproduces this issue more consistently
Making the button swap on click so you can simply double click makes the timing more easily replicable
from coexisting-angular-microfrontends.
Have opened this ticket with more details:
single-spa/single-spa-angular#113
from coexisting-angular-microfrontends.
I do not have time to work on this issue. In the past I've spent >30 hours trying to get Angular Router and ZoneJS to not behave weirdly. The root cause of the bug is that ZoneJS monkey patches all of the native browser functions and makes assumptions about who is calling those functions (and when) that do not hold true with single-spa. I have little interest in attempting to work on this issue again in the near future, since I'm swamped with other work and this bug is a frustrating one I've already lost a lot of time to.
I would gladly accept a PR from the community to fix this. Since we now have single-spa/single-spa-angular#113, I'm going to close this issue in favor of that one.
from coexisting-angular-microfrontends.
Related Issues (20)
- Upgrade an example with Angular 13. HOT 1
- Use IDE Debugger HOT 1
- how can I integrate a new angular application in another angular in a specific location?
- Import an utility module into microfrontend Angular
- Pending depdendencies pull requests
- Upgrade to SystemJS 6
- single spa won't display two apps at the same time HOT 5
- How to Build "coexisting-angular-microfrontends"? HOT 7
- Styles overlapping and not able to unmount while switching from one app to another HOT 1
- Can we have Proxy HOT 5
- App.component not rendered HOT 2
- app1 does not load HOT 1
- Issue with $localize() after upgrading to angular 9 HOT 2
- Navbar died in status SKIP_BECAUSE_BROKEN HOT 4
- Nested (Child) Routes in Angular HOT 1
- After building , navigating to "app1" gives 404 HOT 3
- set live load to true not working
- seems not work... HOT 1
- Current status of support HOT 3
- live reload HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from coexisting-angular-microfrontends.