`plnkr` - 导出一个打字稿`interface`时出错为'意外的令牌导出'

Question

我在angular2中创建了一个http://plnkr.co/edit个应用。一切都很好。我尝试导出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});

  }

};