Loading two microapps with { singular: false } doesn't work
See original GitHub issueWhat happens?
I have one master app and two micro apps that I want to load on same page.
I see only one loaded:
My template:
<div id="container">
<h2>App 1 container:</h2>
<div id="app1Container" />
<h2>App 2 container:</h2>
<div id="app2Container" />
</div>
apps passed to registerMicroApps:
apps: [
{ name: 'app-1', entry: '//localhost:8082', container: '#app1Container', activeRule: () => true },
{ name: 'app-2', entry: '//localhost:8083', container: '#app2Container', activeRule: () => true },
]
and starting like this:
start({ singular: false })
Mini Showcase Repository:
https://github.com/mwasilewski/qiankun-issue/
here is master vue app with config:
https://github.com/mwasilewski/qiankun-issue/blob/master/master/src/App.vue
How To Reproduce
just run all 3 apps with yarn serve
and go to http://localhost:8081/
Context
- qiankun Version: 2.0.20
- Platform Version: mac
- Browser Version: all
Issue Analytics
- State:
- Created 3 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
FAQ - qiankun - UmiJS
How to load micro apps on a routing page of the main app. It must be ensured that the routing page of the...
Read more >Micro front end asset loading issue on base app
I have solved it by passing the host to the render function. So basically I use the variable host near each image and...
Read more >Integrated Tests Are A Scam - The Code Whisperer
Integrated tests won't kill you, although the scam remains a problem. ... they run on average at a rate of no more than...
Read more >How to Develop and Deploy Micro-Frontends with Single-SPA
... you can even have multiple micro-frontend apps — written in React, ... a method to load the app, and an activity function...
Read more >Angular 8 — Mono-repositories & Micro-apps Architecture
Step by step guide to create angular work-space and setup ... Now lets create the startup application which can load the two micro...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
You could never guarantee your project name is unique, while you could not know who will be migrated into the same master app with you.
Usually a child application doesn’t know whether they are unique or not, as they are not aware of each other, and it shouldn’t care imo.