javascript - IONIC2 - ionic 服务时出现语法错误

Question

我不知道我做错了什么，但它说语法错误，代码复制粘贴自官方 ionic2 文档。

SyntaxError:D:/Manson/Arts/Ionic/IonicTodo2/app/pages/list/list.js:解析文件时出现意外标记 (14:23):D:\曼森\Arts\Ionic\IonicTodo2\app\pages\list\list.js

查看完整代码，请点击here .

    constructor(nav: NavController) {

Answer 1

看起来您正在使用 Typescript 中的类型，而您的代码位于纯 Javascript 文件 (.js) 中。 nav: NavController 声明 nav 的类型为 NavController。

当您运行 ionicserve 时，Ionic 会运行 webpack 来编译和打包您的代码。由于这不是有效的 JS 语法，因此失败。

Ionic 2 基于Angular 2 ，写于 Typescript 。虽然 Angular 2 可以与纯 Javascript 一起使用，但它大多没有文档记录，并且他们基本上建议在开发 Angular 2 应用程序时使用 Typescript。

当您创建新的 Ionic 2 项目时，如果您希望项目使用 Typescript，则应该使用 --ts 标志。命令应该是:

ionic start MyIonic2Project --v2 --ts

之后，复制粘贴 Ionic 2 教程应该对您有用。