question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Loading two microapps with { singular: false } doesn't work

See original GitHub issue

What happens?

I have one master app and two micro apps that I want to load on same page.

I see only one loaded:

Screen Shot 2020-08-12 at 14 09 57

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:closed
  • Created 3 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
kuitoscommented, Aug 24, 2020

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.

1reaction
kuitoscommented, Aug 24, 2020

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found