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

TypeScript在vs2012下的問題

TypeScript對VS2012支持度比較低,建議升級爲VS2013版本以上。html

 

在VS2013中沒法建立TypeScript項目

VS2013默認不支持TypeScript。git

須要在【工具】-【擴展和更新】中安裝TypeScript,目前爲止for VS2013的最新版TS爲1.5版本,可是實測有一些問題,建議安裝比較穩定的1.4版本es6

image

 

編譯提示「TypeScript\1.4\1.4\tsc.exe 無效」的問題

解決方法:github

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

二、將  Microsoft.TypeScript.targets  文件複製到其餘路徑,打開編輯工具

三、將第三個TscToolPath這行屏蔽掉,保存,複製回原路徑,覆蓋便可(或需管理員權限)。visual-studio

<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 #3493ui

 

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

解決方法:spa

VS-【項目】-【屬性】-【TypeScript生成】-【General】-【ECMAScript version】-選擇相應的ECMA版本便可(目前僅支持-3,-5,-6)插件

image

 

將編譯目標改成ECMAScript 6出現「...lib.es6.d.ts 未找到」的錯誤

解決方法:

一、去這裏下載最新版定義文件,地址:https://github.com/Microsoft/TypeScript/blob/release-1.4/bin/lib.es6.d.ts

二、下載後粘貼到  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關鍵字等)

image

解決方法:

一、卸載全部其餘版本的TypeScript。從新安裝要使用的版本(我這裏使用的1.4穩定版)

二、進入cmd命令行,執行  tsc -v  查看結果是否爲當前安裝的版本號

image

三、若是不是當前安裝的版本,則重啓計算機再次查看版本

四、若是依然不是當前版本則在cmd執行  set %PATH%  查看當前系統的環境變量,是否有包含其餘TypeScript版本的路徑,若是有則修改環境變量

五、修改環境變量方法:【計算機】-【右鍵屬性】-【高級系統設置】-【高級】-【環境變量...】-【系統變量】-【PATH】-【編輯】修改保存便可,或可能重啓生效

六、若已經爲當前安裝版本且VS安裝了ReSharper插件的狀況下。

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

image

八、TypeScript1.4的新特性都可正常使用。

image

九、形成上述緣由爲ReSharper9目前最高僅支持TypeScript1.3語法,遂只能暫時屏蔽掉ReSharper提供的只能感知功能。

image

十、若仍然沒法使用,或是並無安裝ReSharper插件的話,請留言

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

 

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


這個問題的表現與上面這個問題徹底一致,可是致使問題的緣由是 目前已知的微軟TS安裝包的BUG,即卸載後沒有卸載乾淨,致使後續全部新版都安裝不了。

能夠經過如下途徑來檢測是否有此問題:

一、是否曾經安裝過其餘版本的TypeScript for VS?

若是到目前爲止你只安裝過一次ts,那麼無此問題

二、是否卸載了低版本的TS?

若是沒有,那麼請卸載全部低版本TS,只保留你安裝的最高版本TS。

三、進入【控制面板】-【程序和功能】查看確保目前只保留了(安裝了)一個TS

image

四、進入cmd命令行,執行 tsc -v查看結果是否爲當前安裝的版本號

image

五、若是顯示的版本號和你控制面板裏顯示的版本號不符,

如我這裏安裝的1.4顯示的版本號倒是1.0.3,則說明我以前安裝TS1.0沒卸載乾淨

六、進入【計算機】-【右鍵屬性】-【高級系統設置】-【高級】-【環境變量...】-【系統變量】-【PATH】-【編輯】

複製全部,粘貼到記事本中:

image

能夠看到有兩個TS環境變量路徑,前一個就是微軟沒有卸載乾淨的環境變量,若是你問爲何只向舊版本的TS編譯器也能運行呢?那我只能遺憾的告訴你,其實舊版本的TS全部文件都沒有被卸載。

舊版本的文件,編譯器都還在C盤裏躺着呢,因此會發生能用可是沒法使用新版特性的問題。

 

七、刪除掉舊版的環境變量,只保留你安裝的那個版本的路徑便可,全選粘貼回系統環境變量設置

image

八、重啓CMD,從新執行 tsc --v 命令,查看版本

image

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

再回到VS內,打開TS項目,那些新版特性的語法再也不報錯,也能夠正常編譯了。

VS2013+TS1.7 版本其餘文件有錯誤時當前ts文件沒法編譯

項目中包含的其餘ts文件報錯,而致使當前沒有錯誤的ts文件也沒法編譯。

解決方案:【VS】-【調試】-【項目屬性】-【TypeScript生成】-【Output】-去掉勾選最後一個選項

去除勾選【當有任何錯誤時不編譯生成】的選項便可。

 

 

歡迎反饋其餘問題,持續更新中......

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

相關文章
相關標籤/搜索