Import WebComponent from 2 different apps

Flow
1

Is there a way to import Components exported with WebComponentExporter from two different Vaadin Apps?

I tried:

<script type='text/javascript' src='http://localhost:9000/VAADIN/build/webcomponentsjs/webcomponents-loader.js'></script>
<script type='text/javascript' src='http://localhost:9000/web-component/dash-app1.js'></script>
<script type='text/javascript' src='http://localhost:9002/web-component/dash-app2.js'></script>

But this (obviously) fails with

Uncaught Application ROOT-2521314 is already being initialized
2

You can likely get around that by deploying to different context paths instead of, or in addition to, different ports (the problem sounds a bit like a bug though, or unnecessary restriction).

You will then run in the real problem though, which is loading the same web components (e.g. vaadin-button) twice in the browser.

Have you had a look at https://vaadin.com/labs/micro-frontend ?

3

Thanks for pointing me to the example. This really helps understanding the troubles.