VS 2012中的角度语法错误

我是Angular 2的新手，但对Angular有一些了解TypeScript（广泛使用JavaScript/JQuery但不是TypeScript或Angular 1）。VS 2012中的角度语法错误

在探索Angular 2时，我跟着几篇文章&尝试阅读&在Web应用程序中，关注与Visual Studio 2012中Angular 2相关的示例。不知何故，VS不识别Angular语法&在.ts文件中抛出几个错误。下面的示例代码会引发错误。但是VS在HTML中识别TypeScript & Angular 1语法。我试图找到自己的解决方案，但失败了。

import { Component } from '@angular/core'; 

@Component({ 
    selector: 'my-app', 
    template: '<h1> Hello {{name}}</h1>' 
}) 
export class AppComponent { name = 'Angular'; }

任何帮助将有利于我进一步探索它。

Error 1 Unexpected token; 'module, class, interface, enum, import or statement' expected. D:\TypeScriptHTMLApp\TypeScriptHTMLApp\Component.ts 1 1 TypeScriptHTMLApp 
Error 2 ';' expected. D:\TypeScriptHTMLApp\TypeScriptHTMLApp\Component.ts 1 27 TypeScriptHTMLApp 
Error 3 Unexpected character "@". D:\TypeScriptHTMLApp\TypeScriptHTMLApp\Component.ts 3 1 TypeScriptHTMLApp 
Error 4 Unexpected token; 'module, class, interface, enum, import or statement' expected. D:\TypeScriptHTMLApp\TypeScriptHTMLApp\Component.ts 3 1 TypeScriptHTMLApp 
Error 5 Could not find symbol 'Component'. D:\TypeScriptHTMLApp\TypeScriptHTMLApp\Component.ts 1 10 TypeScriptHTMLApp 
Error 6 Could not find symbol 'from'. D:\TypeScriptHTMLApp\TypeScriptHTMLApp\Component.ts 1 22 TypeScriptHTMLApp 
Error 7 Could not find symbol 'Component'. D:\TypeScriptHTMLApp\TypeScriptHTMLApp\Component.ts 3 2 TypeScriptHTMLApp 
Error 8 Build: Unexpected token; 'module, class, interface, enum, import or statement' expected. D:\TypeScriptHTMLApp\TypeScriptHTMLApp\Component.ts 1 1 TypeScriptHTMLApp 
Error 9 Build: ';' expected. D:\TypeScriptHTMLApp\TypeScriptHTMLApp\Component.ts 1 27 TypeScriptHTMLApp 
Error 10 Build: Unexpected character "@". D:\TypeScriptHTMLApp\TypeScriptHTMLApp\Component.ts 3 1 TypeScriptHTMLApp 
Error 11 Build: Unexpected token; 'module, class, interface, enum, import or statement' expected. D:\TypeScriptHTMLApp\TypeScriptHTMLApp\Component.ts 3 1 TypeScriptHTMLApp

感谢

来源

2017-06-22 user1480864

什么是错误？ – developer033

共有11个错误。像意想不到的字符@，意外的标记..等等..拉。用errs更新原始问题 – user1480864

您正在运行哪种版本的打字稿？ –

VS2012太老了，它可能只支持TypeScript 1.0，它不支持decoractors（注意@...）。

检查this issue。 VS 2012 TS版本已停止在TypeScript 1.0.1。

使用较新的版本，VS2015或VS2017甚至VSCode。你也不一定只使用Visual Studio。你可以使用任何你想要的 - WebStorm，IntelliJ，Sublime，Atom，...。

关于VS，通常您可以安装您正在使用的相应版本的TypeScript SDK。

其他IDE，如WebStorm和IntelliJ都有自己的插件，可以为编辑TypeScript提供设计时支持。

我会建议你停止寻找Angular2并转向学习最新的Angular版本（在这个时候的v4版本）。这个框架发展迅速，并发生了巨大变化。不要指望2016年中期左右的任何早期材料都能帮助您满足当前的要求。

来源

2017-06-22 06:18:50 andreim

您会推荐VS代码来探索Angular吗？ – user1480864

VSCode，VS，... - 拥有完整支持的任何现代编辑器。这只是编辑你的代码。在开发中运行Angular应用程序通常使用'angular-cli'（例如：简单的'ng serve'）来完成，该应用程序使用TypeScript进行构建，并将所有内容捆绑在一起。 – andreim

装饰已打字稿1.5版与ES7/ES2016被引入作为有什么新的打字稿的正式机制的文档here的提及。

根据this文档，还在TypeScript 1.7版中引入了对ES3的装饰器支持。

请确保您正在按照TypeScript与ES的正确组合来构建您的解决方案。

注意：您可以在Tools - > Options ... - > Text Editor - > JavaScript/TypeScript - > Project中验证ES版本。

来源

2017-06-22 05:29:01

VS 2012中的角度语法错误

回答

相关问题