2017-01-05 10 views
1

sharepointaddin appを作成し、3つの新しいtsアイテム(app.component、app.module、main)を追加しました。これらのtypescritファイルは通常通り実装しますが、実行すると、例外; enter image description here ここにはtsファイルの内容が記載されています。 TSファイルにインポートされたすべてのパッケージには下線visual studioはtypescriptパッケージを認識しません

import { Component, ViewEncapsulation } from '@angular/core'; 
@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
}) 
export class AppComponent { 
    message; 
    constructor() { 
     this.message = "Teddsdtddsad"; 
    } 
} 

app.module.ts

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { AppComponent } from './app.component'; 

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

main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import { enableProdMode } from '@angular/core'; 
import { AppModule } from './app.module'; 
platformBrowserDynamic().bootstrapModule(AppModule); 

、他方で

app.component.tsそれは言う: enter image description here

どうすればこの問題を解決できますか? 注:既にインストールされているすべてのパッケージがあります。 enter image description here

+0

アプリをどのように実行しますか? F5を押すか?ソリューションの一部でない場合、VSがパッケージを見つけられないことがあります。右クリックし、[ソリューションに追加]をクリックしてみてください(ちょっと野生の推測です) –

答えて

1

1)Typescriptはモジュール/パッケージを実際に管理しません。 ES2015の構文をサポートしています。 AMDのようなモジュールマネージャjsファイルを追加して、設定ファイルまたはプロジェクト - >プロパティ - > Typescriptビルドでそれを選択する必要があります。2)モジュールパスに "./"を追加してみてください。例: './@angular/core'から{enableProdMode}をインポートする。

3)外部モジュールを使用しているのか、名前空間だけを使用していますか?名前空間の構文は異なります。

関連する問題