`plnkr` - 在导出打字稿 `interface` 时出现 `Unexpected token export` 错误

Question

我在 http://plnkr.co/edit 中创建了一个 angular2 应用程序。一切正常。我试图导出一个 interface，我得到错误 Uncaught SyntaxError: Unexpected token export - 我不知道这里到底发生了什么错误。

谁能帮我解决这个问题。我提供的路径是 import 和 list-item.

的正确路径

Live Demo

Answer 1

添加

meta: { 'src/list-item.ts': { format: 'es6' }},

到您的 SystemJS 配置

Plunker

也可能与 https://phabricator.babeljs.io/T1151

有关

Answer 2

Look at this working demo - is this what you want???。

我希望你现在可以继续解决这个问题，如果它是你想要的。

export class ShoppingListComponent {

  listItems = new Array<ListItem>();

  selectedItem = ListItem;  //problem is here.

  selectedItem:ListItem;   // this is solution

  onItemAdded(item:ListItem) {
    console.log(item);
    this.listItems.push({name:item.name,amount:item.amount});

  }

};

`plnkr` - 在导出打字稿 `interface` 时出现 `Unexpected token export` 错误

`plnkr` - getting error as `Unexpected token export` while export a typescript `interface`

typescript

plunker

angular