错误：预计不在角区，但它是

Question

我试图通过使用 Angular 和 single-spa 来构建一个演示，看看这是否可以成为我们未来的发展道路。 这是我试图借用的例子。

https://github.com/PlaceMe-SAS/single-spa-angular-cli-examples

但是，我发现当路由到另一个应用程序时，例如：点击 Open Help 或 App1，控制台会出现类似“ERROR: Expected to not be in Angular Zone, but it is!”的错误。

我在互联网上做了一些研究，试图解决这个错误。 但是，我没有找到解决方案。 我还向该项目提交了一个问题。 我只是想知道是否有人知道这里的这个错误。

先感谢您！

Answer 1

我想在这里发布我们的解决方案。 我们的一位开发人员通过在每个 index.html 中调用 zone 来解决此区域错误。 所以在门户 main.js 中，从 index.html 中删除区域导入和调用区域

索引.html

<body>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/zone.js/0.8.19/zone.js"></script>
    <script src="/build/common.js"></script>
    <script src="/build/main.js"></script>
</body>

Answer 2

检查多个引导组件。 出现此错误时，我试图调用微前端 (mfe)。 我所做的只是从 mfe 的入口模块中删除 bootstrap 属性。

// (this is a micro front end module)
@NgModule({
  declarations: [DashboardComponent],
  bootstrap: [DashboardComponent], // <= remove this
  imports: [
    BrowserModule,
    DashboardUiModule,
// rest omitted

此处的引导组件尝试启动 Angular Zone.js，但由于父/shell 应用程序已经在运行，它会引发此错误。

希望这会有所帮助，干杯！

错误：预计不在角区，但它是

问题描述

2 个解决方案

解决方案1
0 已采纳 2019-03-21 19:17:44

解决方案2
0 2022-07-14 08:11:41

错误：预计不在角区，但它是

问题描述

2 个解决方案

解决方案1 0 已采纳 2019-03-21 19:17:44

解决方案2 0 2022-07-14 08:11:41

解决方案1
0 已采纳 2019-03-21 19:17:44

解决方案2
0 2022-07-14 08:11:41