javascript - 编译 TypeScript 时出现 Ionic 2 语法错误

Question

在遵循教程的同时 here我在编译 typescript 代码时遇到了语法错误。

这里是错误:

/app/pages/list/list.js Module build failed: SyntaxError: /focus/projects/ionic-todo/app/pages/list/list.js: Unexpected token (10:17) 8 | 9 | export class ListPage {

10 | constructor(nav: NavController){ | ^ 11 | this.nav = nav; 12 | 13 | this.items = [

如你所见，它似乎认为冒号有问题。但是，如果您删除了冒号，则会出现类似的错误，而空格是错误的。

完整代码如下:

import {Page, NavController} from 'ionic-angular';
import {AddItemPage} from '../add-item/add-item';


@Page({
  templateUrl: 'build/pages/list/list.html'
})

export class ListPage {
  constructor(nav: NavController){
    this.nav = nav;

    this.items = [
      {'title': 'hi', 'description': 'hello'},
      {'title': 'sadf', 'description': 'asdfasdf'},
      {'title': 'asd', 'description': 'asdf'}
    ];
  }

  addItem()
  {
    this.nav.push(AddItemPage, {ListPage: this});
  }
}

有什么想法会导致这种情况发生吗？

Answer 1

你的错误让我认为你试图直接执行你的 TypeScript 代码，而没有编译(预处理)或即时转译它。

我认为你的代码应该只是 ES6。事实上，在 ES6 中，你有类支持但没有类型支持(例如在构造函数/方法中)。

我看过 Ionic2 生成器模板，它们似乎是 ES6。请参阅此链接:

• https://github.com/driftyco/ionic2-starter-tabs/tree/master/www

您可以像这样调整您的代码:

import {Page, NavController} from 'ionic-angular';
import {AddItemPage} from '../add-item/add-item';


@Page({
  templateUrl: 'build/pages/list/list.html'
})

export class ListPage {
  static get parameters() {
    return [[NavController]];
  }

  constructor(nav){
    this.nav = nav;

    this.items = [
      {'title': 'hi', 'description': 'hello'},
      {'title': 'sadf', 'description': 'asdfasdf'},
      {'title': 'asd', 'description': 'asdf'}
    ];
  }

  addItem()
  {
    this.nav.push(AddItemPage, {ListPage: this});
  }
}