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中的角度語法錯誤

回答

相關問題