Ionic 2 模板项目给我 @Page 装饰器和构造函数 () 的语法错误

The Ionic 2 template project gives me syntax errors for @Page decorator and constructor ()

我创建了一个 Ionic 2 beta 应用程序,当我在 Visual Studio (VS) 2015 中打开它时,我在 @Page 装饰器和 contructor () { }。作为 Ionic 2 的新手,我不确定该错误是否与 TypeScript、Ionic、Angular 或 VS 相关。

这是 tabs.js 文件的示例屏幕截图...

任何人都可以解释为什么我会遇到这些语法错误以及我可以采取什么措施来解决这些错误?

此答案已更新(希望)有更好的解释

经过一些在线阅读后,我意识到这不是代码破坏问题,而是开发人员在屏幕上看到这些错误时带来的更多不便。

为什么会这样?

Visual Studio(可能还有其他 IDE)类 某些字符对 .js 文件无效。 Angular 2 和 Ionic 2 保留其中一些字符(例如@)用于特殊用途,例如使用 @Page 将告诉 Ionic 创建一个新的导航组件,以便它可以与 NavController.

解决方案

Ionic 让您可以选择在 JavaScript 或 TypeScript 中创建应用程序。如果您更喜欢使用 JavaScript,您将不得不忍受这些视觉错误,因为该应用程序仍将 运行 并按预期工作(据我所知)。

您可以使用 TypeScript。 TypeScript 将接受这些字符,这意味着这些错误不再存在。唯一的缺点是你需要学习 TypeScript,但在我看来这是一件好事。要创建 TypeScript 项目,只需在 CLI 命令末尾添加 --ts,例如 ionic start testApp --v2 --ts

我会把它留在这里,以防其他人遇到类似的问题并且可能会发现这些信息有用。