ASP.net MVC和Angular 4 - Zone已经加载

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但功能仍然有效。



我已尝试过this和this

我正在使用Angular 4和Angular CLI。有人可以帮我解决这个错误吗？

Answer 1

我在polyfill.ts中注释了区域的import语句，它就像一个魅力。