ASP.net MVC和Angular 4-区域已加载

Question

应用程序背景 ：我的应用程序是使用ASP.net MVC（.net framework 4.6）和几个Angular 4 mini SPA构建的

共享视图_Layout.cshtml具有一个迷你SPA来显示购物篮中的内容，并且使用以下方法进行引用：

<script src="~/apps/shopping/inline.2785c74270c160e8df55.bundle.js"></script>
<script src="~/apps/shopping/polyfills.35726d60cdf25fecc5f1.bundle.js"></script>
<script src="~/apps/shopping/vendor.4918fe9ed7ea45b90ec8.bundle.js"></script>
<script src="~/apps/shopping/main.4d6729c54eca7c31dbba.bundle.js"></script>

另一个视图Order.cshtml具有另一个SPA，并且使用以下方法进行引用：

@section scripts{
<script src="~/apps/userorder/inline.2a63d25fd80947ce8bb4.bundle.js"></script>
<script src="~/apps/userorder/polyfills.35726d60cdf25fecc5f1.bundle.js"></script>
<script src="~/apps/userorder/vendor.ec246c0701440a3e2ce3.bundle.js"></script>
<script src="~/apps/userorder/main.46be1befa8a20148f402.bundle.js"></script>}

错误

1. 在家查看时，一切看起来都不错，因为在该页面上仅加载了1个SPA
2. 当我进入订单视图时，在控制台窗口中看到以下错误，因为现在已经加载了2个SPA，但仍然可以正常工作。

我已经试过这和这

我在Angular CLI中使用Angular 4。 请问有人可以帮助我克服这个错误吗？

Answer 1

我在polyfill.ts中注释了zone的import声明，它的工作原理很吸引人。