Question

我是Angular 2的新手，但对Angular 1＆amp; amp; TypeScript（广泛使用JavaScript / JQuery但不是TypeScript或Angular 1）。

在探索Angular 2时，我发表了几篇文章＆amp;试图阅读＆amp;使用Web应用程序跟踪Visual Studio 2012中与Angular 2相关的示例。不知何故，VS并没有认识到Angular语法＆amp;在.ts文件中抛出几个错误。下面的示例代码会引发错误。然而VS确实识别TypeScript＆amp; HTML中的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

由于

Answer 1

使用ES7 / ES2016的TypeScript版本1.5中引入了装饰器，正如TypeScript的官方文档here的新内容中所述。

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

确保遵循TypeScript与ES的正确组合来构建解决方案。

注意：您可以在工具中验证您的ES版本 - ＆gt;选项...... - ＆gt;文字编辑器 - ＆gt; JavaScript / TypeScript - ＆gt;项目

Answer 2

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

检查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 2012

2 个答案: