Question

使用Visual Studio 2015，正如您所见，我正在尝试在我的班级上定义我的装饰器。但是，当我点击构建时，我收到错误..

构建：当作为表达式

调用时，无法解析类装饰器的签名

import { Component } from "angular2/core";
import { Http, HTTP_PROVIDERS } from "angular2/http";
import "rxjs/Rx";
import { ROUTER_PROVIDERS } from "angular2/router"; // RouteConfig

import { SearchService } from './search/search.service';
import { SearchComponent } from './search/search.component';
import { SiteComponent } from './site/site.component';

@Component({
    selector: 'my-app',
    template: '<div>testing</div>',
    directives: [],
    providers: [SearchService, HTTP_PROVIDERS, ROUTER_PROVIDERS]
})
export class AppComponent {
    pageTitle: string = "My App"
}

在mycsproj文件中，typescripttoolsversion设置为1.8。我正在使用npm来安装我的依赖项。

"dependencies": {
    "angular2": "2.0.0-beta.15",
    "systemjs": "0.19.26",
    "es6-shim": "^0.35.0",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.2",
    "zone.js": "0.6.10",
    "bootstrap": "^3.3.6"
},
"devDependencies": {
    "concurrently": "^2.0.0",
    "lite-server": "^2.2.0",
    "typescript": "^1.8.10",
    "typings": "^0.7.12"
}

我在这里做错了什么？我还能提供其他信息吗？

Answer 1

强烈建议您升级到最新版本的Angular 2，该版本目前正在发布候选版本4.这应该有所帮助，因为最新版本提供了Visual Studio的官方指南。您可以通过更新package.json来完成此操作。确保包含快速入门指南中的其他配置文件（链接如下）。您还需要更新systemjs加载程序和HTML以反映更新的角度名称。还有一个在Visual Studio 2015中配置Angular 2的附加教程。

{
  "name": "angular2-quickstart",
  "version": "1.0.0",
  "scripts": {
    "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ",
    "lite": "lite-server",
    "postinstall": "typings install",
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "typings": "typings"
  },
  "license": "ISC",
  "dependencies": {
    "@angular/common": "2.0.0-rc.4",
    "@angular/compiler": "2.0.0-rc.4",
    "@angular/core": "2.0.0-rc.4",
    "@angular/forms": "0.2.0",
    "@angular/http": "2.0.0-rc.4",
    "@angular/platform-browser": "2.0.0-rc.4",
    "@angular/platform-browser-dynamic": "2.0.0-rc.4",
    "@angular/router": "3.0.0-beta.1",
    "@angular/router-deprecated": "2.0.0-rc.2",
    "@angular/upgrade": "2.0.0-rc.4",

    "systemjs": "0.19.27",
    "core-js": "^2.4.0",
    "reflect-metadata": "^0.1.3",
    "rxjs": "5.0.0-beta.6",
    "zone.js": "^0.6.12",

    "angular2-in-memory-web-api": "0.0.14",
    "bootstrap": "^3.3.6"
  },
  "devDependencies": {
    "concurrently": "^2.0.0",
    "lite-server": "^2.2.0",
    "typescript": "^1.8.10",
    "typings":"^1.0.4"
  }
}

HTML：

import { Component } from '@angular/core';

来源：https://angular.io/guide/quickstart

Visual Studio 2015快速入门：https://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html

Visual Studio 2015：angular 2 @component无法解析类装饰器的签名

1 个答案: