原始异常：选择器“my-app”与任何元素

Question

这里我有2个.cshtml文件，它是索引页面中的索引和关于页面

app.components.ts

import { Component } from '@angular/core';

@Component({
   selector: 'my-app',
  template: `<h1>HelloHell {{name}}</h1>`
})
export class AppComponent  {
        name = 'Angular';}

Index.cshtml

<div class="row">
    <div class="col-md-4">
        <!-- Angular2 Code -->
        <my-app>Loading.........</my-app>
    </div>
</div>

这里工作正常

但是当我拿另一个.ts文件时 从'@ angular / core'导入{Component};

@Component({
    selector: 'my-Sajee',
    template: `<h1>Hello {{name}}</h1>`
})
export class AppComponent { name = 'Hello Sajeethrav'; }

About.cshtml

<div class="row">
    <div class="col-md-4">
        <!-- Angular2 Code -->
           <my-Sajee>Loading...</my-Sajee>
        <!-- Angular2 Code -->
    </div>
</div>

其错误为 EXCEPTION：错误：0：0引起：选择器“my-app”与任何元素都不匹配