visual studio 不识别打字稿包
visual studio dont recognize typescript packages
我创建了一个 sharepointaddin 应用程序,并添加了 3 个新的 ts 项目(app.component、app.module、主要),并且我按常规实现了这些打字稿文件,但是当我 运行 ,它抛出这些异常;
这是 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 文件中导入的所有包都带有下划线并表示:
我该如何解决这个问题?
注意:已经安装了所有软件包;
1) Typescript 实际上并不管理模块/包。它只是具有对 ES2015 语法的语言支持。您必须在配置文件或项目 -> 属性 -> Typescript Build
中添加模块管理器 js 文件,如 AMD 和 select
2) 尝试在模块路径中添加“./”。示例:从 './@angular/core';
导入 { enableProdMode }
3) 您使用的是外部模块还是名称空间?命名空间有不同的语法。
我创建了一个 sharepointaddin 应用程序,并添加了 3 个新的 ts 项目(app.component、app.module、主要),并且我按常规实现了这些打字稿文件,但是当我 运行 ,它抛出这些异常;
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 文件中导入的所有包都带有下划线并表示:
我该如何解决这个问题?
注意:已经安装了所有软件包;
1) Typescript 实际上并不管理模块/包。它只是具有对 ES2015 语法的语言支持。您必须在配置文件或项目 -> 属性 -> Typescript Build
中添加模块管理器 js 文件,如 AMD 和 select2) 尝试在模块路径中添加“./”。示例:从 './@angular/core';
导入 { enableProdMode }3) 您使用的是外部模块还是名称空间?命名空间有不同的语法。