Question

当我们更新应用程序的某些部分时，我们开始将当前应用程序转换为angular2。所以我们正在尝试用angular2模块/组件替换应用程序的某些部分。第一部分是创建两个不同的搜索组件，并将它们放在asp.net mvc中的不同视图中。这不是从头开始构建整个angular2应用程序问题。我能够做的是创建两个单独的模块并将组件放在不同的页面上，它们呈现并正常工作，但是，它们会产生以下错误：

core.umd.js：3370 EXCEPTION：http://localhost:25219/angular2/app/member-search/member-search.component.js类中的错误MemberSearchComponent_Host - 内联模板：0：0由以下原因引起：选择器＆＃34; member-search-component＆＃34;与任何元素都不匹配

main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { MemberSearchModule } from './member-search/member-search.module';
import { ProviderSearchModule } from './provider-search/provider-search.module';

const platform = platformBrowserDynamic();

platform.bootstrapModule(MemberSearchModule);
platform.bootstrapModule(ProviderSearchModule);

当使用其他组件转到页面时，我只得到相反组件的完全相同的错误。基本上它是在每个页面上寻找两个组件，因为它只能找到一个它为另一个引发错误。组件工作且错误无法进入前端，但每次移动到其中一个页面时，控制台都会收到8个单独错误的垃圾邮件。关于如何纠正这个问题的任何想法？我一直在搜索，但没有发现任何相关内容。

由于

编辑：我想通过使每个模块成为自己的应用程序，我找到了一种方法。有比这更好的选择吗？我们将在未来几个月内转换更多部分，并为每个部分创建一个单独的应用程序，这不是我想要做的事情。

引导多个angular2模块时出错

0 个答案: