Type Script在Visual Studio 2013中的問題匯總(持續更新…)

標籤：

◆ TypeScript在vs2012下的問題

TypeScript對VS2012支援度比較低，建議升級為VS2013版本。

 

◆ 在VS2013中無法建立TypeScript項目

VS2013預設不支援TypeScript。

需要在【工具】-【擴充和更新】中安裝TypeScript，目前為止(2015年9月16日)for VS2013的最新版TS為1.5版本，但是實測有一些問題，建議安裝比較穩定的1.4版本

 

◆ 編譯提示“TypeScript\1.4\1.4\tsc.exe 無效”的問題

解決方案：

1、進入目錄 C:\Program Files (x86)\MSBuild\Microsoft\VisualStudio\v12.0\TypeScript

2、將 Microsoft.TypeScript.targets 檔案複製到其他路徑，開啟編輯

3、將第三個TscToolPath這行屏蔽掉，儲存，複製回原路徑，覆蓋即可（或需管理員權限）。

<PropertyGroup>     <TypeScriptToolsVersion Condition="‘$(TypeScriptToolsVersion)‘==‘‘">1.4</TypeScriptToolsVersion>     <TscToolPath Condition="‘$(TscToolPath)‘ == ‘‘">$(MSBuildProgramFiles32)\Microsoft SDKs\TypeScript</TscToolPath>     <TscToolPath Condition="‘$(TypeScriptToolsVersion)‘ != ‘‘">$(TscToolPath)\</TscToolPath>     <!-- <TscToolPath Condition="‘$(TypeScriptToolsVersion)‘ != ‘‘">$(TscToolPath)\$(TypeScriptToolsVersion)</TscToolPath>-->     <TscToolExe Condition="‘$(TscToolExe)‘ == ‘‘">tsc.exe</TscToolExe>     <TscYieldDuringToolExecution Condition="‘$(TscYieldDuringToolExecution)‘ == ‘‘">true</TscYieldDuringToolExecution>   </PropertyGroup>

詳見：Bad path when installing TypeScript 1.4 for Visual Studio 2013 #3493

 

◆ 如何調整TypeScript的編譯目標版本

解決方案：

VS-【項目】-【屬性】-【TypeScript產生】-【General】-【ECMAScript version】-選擇相應的ECMA版本即可(目前僅支援-3，-5，-6)

 

◆ 將編譯目標改為ECMAScript 6出現“...lib.es6.d.ts 未找到”的錯誤

解決方案：

1、去這裡下載最新版定義檔案，地址：https://github.com/Microsoft/TypeScript/blob/release-1.4/bin/lib.es6.d.ts

2、下載後粘貼到 C:\program files(x86)\Microsoft SDKs\TypeScript\1.4 檔案夾內即可（或需要管理員權限）

詳見：how to use lib.es6.d.ts?I try to use some method of es6？but it just go error! #1582

 

◆ 無法使用TypeScript 1.4的新特性（如等位型別,type關鍵字等）

解決方案：

1、卸載所有其他版本的TypeScript。重新安裝要使用的版本(我這裡使用的1.4穩定版)

2、進入cmd命令列，執行 tsc -v 查看結果是否為當前安裝的版本號碼

3、如果不是當前安裝的版本，則重啟電腦再次查看版本

4、如果依然不是目前的版本則在cmd執行 set %PATH% 查看當前系統的環境變數，是否有包含其他TypeScript版本的路徑，如果有則修改環境變數

5、修改環境變數方法：【電腦】-【右鍵屬性】-【進階系統設定】-【進階】-【環境變數...】-【系統變數】-【PATH】-【編輯】修改儲存即可，或可能重啟生效

6、若已經為當前安裝版本且VS安裝了ReSharper外掛程式的情況下。

7、VS-【ReSharper】-【Option】-【Code Inspection】-【Settings】-【File masks to skip】-【Add】-輸入 *.ts -儲存

8、TypeScript1.4的新特性均可正常使用。

9、造成上述原因為ReSharper9目前最高僅支援TypeScript1.3文法，遂只能暫時屏蔽掉ReSharper提供的只能感知功能。

10、若仍然無法使用，或是並沒有安裝ReSharper外掛程式的話，請留言

詳見：Typescript 1.4: Wrong syntax highlighting in Visual Studio

 

◆安裝了最新版TS依然無法使用新版特性的問題

這個問題的表現與上面這個問題完全一致，但是導致問題的原因是 目前已知的微軟TS安裝包的BUG，即卸載後沒有卸載乾淨，導致後續所有新版都安裝不了。

可以通過以下途徑來檢測是否有此問題：

1、是否曾經安裝過其他版本的TypeScript for VS？

如果到目前為止你只安裝過一次ts，那麼無此問題

2、是否卸載了低版本的TS？

如果沒有，那麼請卸載所有低版本TS，只保留你安裝的最高版本TS。

3、進入【控制台】-【程式和功能】查看確保目前只保留了（安裝了）一個TS

4、進入cmd命令列，執行 tsc -v查看結果是否為當前安裝的版本號碼

5、如果顯示的版本號碼和你控制台裡顯示的版本號碼不符，

如我這裡安裝的1.4顯示的版本號碼卻是1.0.3，則說明我之前安裝TS1.0沒卸載乾淨

6、進入【電腦】-【右鍵屬性】-【進階系統設定】-【進階】-【環境變數...】-【系統變數】-【PATH】-【編輯】

複製所有，粘貼到記事本中:

可以看到有兩個TS環境變數路徑，前一個就是微軟沒有卸載乾淨的環境變數，如果你問為什麼只向舊版本的TS編譯器也能運行呢？那我只能遺憾的告訴你，其實舊版本的TS所有檔案都沒有被卸載。

舊版本的檔案，編譯器都還在C盤裡躺著呢，所以會發生能用但是無法使用新版特性的問題。

 

7、刪除掉舊版的環境變數，只保留你安裝的那個版本的路徑即可，全選粘貼回系統內容變數設定

8、重啟CMD，重新執行tsc --v命令，查看版本

當前編譯器已經是我所安裝的版本了。

再回到VS內，開啟TS項目，那些新版特性的文法不再報錯，也可以正常編譯了。

 

 

歡迎反饋其他問題，持續更新中......

原文地址-http://www.cnblogs.com/xxcanghai/p/4978754.html

Type Script在Visual Studio 2013中的問題匯總(持續更新…)