如何在mvc5區域使用angular2？

我有一個示例mvc5項目，我在這個項目上成功使用了我的第一個角度2模塊。現在我想在我的mvc區域內創建新的模塊。所以我在我的區域解決方案中創建了一個名爲app.components的.ts文件的新區域！像你見下文：如何在mvc5區域使用angular2？

import { Component } from '@angular/core'; 
@Component({ 
    selector: 'area-app', 
    template:`<p>imanArea</p>` 
}) 
export class areacomponent {<<bring below error!!!!!!!!!!! 
    name = 'dd'; 
}

裝修人員的實驗性支持是一種功能是在將來的版本中改變。設置 'experimentaldecorators' 選項刪除此警告

和第二個是我的根項目rootproj/app/app.module.ts

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; // <-- NgModel lives here 

import { AppComponent } from './app.component'; 
***below error for this line*** 
import { AreaAppComponent } from './Areas/SampleArea/app/app.areacomponent' 

@NgModule({ 
    imports: [BrowserModule, FormsModule], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { }