IONIC2 - 离子服务时的语法错误答案

【问题标题】：IONIC2 - Syntax Error when ionic serveIONIC2 - 离子服务时的语法错误
【发布时间】：2016-09-22 09:15:53
【问题描述】：

我不知道我做错了什么，但它显示从官方 ionic2 文档复制粘贴的代码出现语法错误。

SyntaxError: D:/Manson/Arts/Ionic/IonicTodo2/app/pages/list/list.js: Unexpected token (14:23) while parsing file: D:\Manson\Arts\Ionic\IonicTodo2\app\pages\list\list.js

完整代码请点击here。

    constructor(nav: NavController) {

【问题讨论】：

标签： javascript angularjs typescript ionic-framework ionic2

【解决方案1】：

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

当您运行ionic serve 时，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 教程应该对您有用。

【讨论】：

那么我如何将我当前的应用程序转换为打字稿？ :)
如果你没有写很多代码，我认为开始一个新项目并将你拥有的任何东西复制到它会更容易。否则你可能需要手动将 .js 文件更改为 .ts 文件并适当配置 webpack，这不是很直观。