Visual Studio 无法识别打字稿包答案

【问题标题】：visual studio dont recognize typescript packagesVisual Studio 无法识别打字稿包
【发布时间】：2017-05-20 11:25:24
【问题描述】：

我创建了一个 sharepointaddin 应用程序，并添加了 3 个新的 ts 项（app.component、app.module、main），并且我将这些打字稿文件作为常规实现，但是当我运行时，它会抛出这些异常；这里是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 文件中导入的所有包都带有下划线并表示：

我该如何解决这个问题？注意：已经安装了所有软件包；

【问题讨论】：

您如何运行您的应用程序？打F5？如果软件包不是解决方案的一部分，则可能是 VS 找不到这些软件包。尝试右键单击，然后添加到解决方案（只是一个疯狂的猜测）

标签： typescript sharepoint-addin

【解决方案1】：

1) Typescript 实际上并不管理模块/包。它只是对 ES2015 语法有语言支持。您必须添加一个模块管理器 js 文件，例如 AMD 并在配置文件中选择它，或者在项目 -> 属性 -> Typescript Build 中选择它

2) 尝试在模块路径中添加“./”。示例： import { enableProdMode } from './@angular/core';

3) 你是在使用外部模块还是只是命名空间？命名空间有不同的语法。

【讨论】：