Ionic 2模板项目为@Page装饰器和构造函数()提供了语法错误

时间:2016-04-12 14:32:39

标签: visual-studio typescript ionic-framework angular ionic2

我创建了一个Ionic 2 beta应用程序,当我在Visual Studio(VS)2015中打开它时,我在@Page装饰器和contructor () { }的所有.js文件中都会出现语法错误。作为Ionic 2的新手,我不确定错误是否与TypeScript,Ionic,Angular或VS有关,只是一种痛苦。

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

enter image description here

有人可以解释为什么我会遇到这些语法错误以及我可以做些什么来解决它们?

1 个答案:

答案 0 :(得分:1)

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

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

为什么会这样?

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

<强>解决方案

Ionic允许您选择使用JavaScript或TypeScript创建应用程序。如果你更喜欢使用JavaScript,你只需要忍受这些视觉错误,因为应用程序仍然会按预期运行并运行(据我所知)。

或者

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

如果其他人遇到类似问题并且可能会发现此信息有用,我会将此留在这里。