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
感谢
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年中期左右的任何早期材料都能帮助您满足当前的要求。
您会推荐VS代码来探索Angular吗? – user1480864
VSCode,VS,... - 拥有完整支持的任何现代编辑器。这只是编辑你的代码。在开发中运行Angular应用程序通常使用'angular-cli'(例如:简单的'ng serve')来完成,该应用程序使用TypeScript进行构建,并将所有内容捆绑在一起。 – andreim
什么是错误? – developer033
共有11个错误。像意想不到的字符@,意外的标记..等等..拉。用errs更新原始问题 – user1480864
您正在运行哪种版本的打字稿? –