引导多个 angular2 模块时出错

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

core.umd.js:3370 异常：错误http://localhost:25219/angular2/app/member-search/member-search.component.js http://localhost:25219/angular2/app/member-search/member-search.component.jsclass MemberSearchComponent_Host - 内联模板：0:0 导致：选择器“member-search-component”与任何元素都不匹配

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 个单独错误的垃圾邮件。关于如何纠正这个问题有什么想法吗？我已经搜索了所有内容，但没有找到任何相关内容。

Thanks

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