visual studio不识别打字稿包

时间:2017-01-05 19:29:31

标签: typescript sharepoint-addin

我创建了一个sharepointaddin应用程序,并添加了3个新的ts项目(app.component,app.module,main),并且我将这些typescrit文件实现为常规,但是当我运行时,它会抛出这些异常; enter image description here 这是ts文件的内容;

app.component.ts

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);

另一方面,在ts文件中导入的所有包都加下划线并说明: enter image description here

我该如何解决这个问题? 注意:已经安装了所有软件包; enter image description here

1 个答案:

答案 0 :(得分:1)

1)Typescript实际上并不管理模块/包。它只支持ES2015语法的语言支持。您必须添加模块管理器js文件,如AMD,并在配置文件或项目中选择它 - >属性 - >打字稿构建

2)尝试在模块路径中添加“./”。示例:从'./@ angular / core';

导入{enableProdMode}

3)您使用的是外部模块还是名称空间?命名空间的语法不同。