Angular2 jspm gulp打字稿意外令牌@

Question

我刚刚开始学习angular 2及其附带的所有技术，并且尝试使用gulp-jspm-build创建我的.ts文件的缩小和“编译”版本。 问题是我收到此错误，但我不知道如何解决。 我能得到一些帮助吗

SyntaxError: app/menu/component.ts: Unexpected token (8:0)
   6 | import {OnInit} from "@angular/core/metadata/lifecycle_hooks";
   7 | 
>  8 | @Component({
     | ^
   9 |     selector: '[menu]',
  10 |     templateUrl: 'app/menu/template.html',
  11 | })
  at Parser.pp.raise...

我没有Typings.json文件，这与它有关吗？

Answer 1

首先，您需要告诉您的编译器您正在使用装饰器，因为它们本身不受支持（在tsconfig.json或grunt / gulp配置中）：

{
    "compilerOptions": {
        ...
        "experimentalDecorators": true, <- here

然后，您必须从angular导入组件类：

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

更多信息在这里 。

对于您有关types.json的问题，它与之无关。 键入（ npm install -g typings类型）可使用此文件来管理打字稿类型。 它可以帮助您的编译器和IDE了解您使用ES6或ES5（无打字稿类型）编写的外部库的用法。 有关更多信息，请参见此处 。