1

我在使用带有 Angular 的单水疗中心时遇到了竞争条件，这导致单水疗应用程序仅呈现在 html 根/正文的直接子代中，例如我想在 Header Component 下加载最喜欢的微应用程序组件

 <body>
  <my-header>
      ...
      <div id="single-spa-application:user-favorite></div>
  </my-header>
 </body>

但这发生在 10% 的时间里，微应用会直接在 body 下加载

<body>
 <my-header>...</my-header>
 <div id="single-spa-application:user-favorite></div>
</body>

我认为 Single-Spa 微应用程序 activeWhen 匹配 url 并加载应用程序，例如 /favorite 然后激活微应用程序但页面（角度标题组件）尚未准备好（DOM 未完成），因此微应用程序已加载外部 。

我很想知道一些见解以及避免这种情况的最佳做法是什么。

谢谢

4

0 回答 0