Pages - Menu

2016年10月14日 星期五

第一次使用 Typescript,錯誤解決方式

前言:因為看到了Angular 2.0正式版發表,然後該語言支援Typescript,
讓我興起了來學一下好了的念頭,畢竟這也不算是新東西了。
然後就是踩雷的開始。
一開始的環境建置請參考:這篇
裡面的內容我也還在看,先說明碰到的地雷。
OS:windows 7 professional
VS版本:2015 Community update 3
Q1.按照連結上面的方法操作,編譯時期發生錯誤。"tsc.exe" 以返回碼 1 結束。
A:查了一下說要從nuget安裝 Microsoft.TypeScript.MSBuild 和Microsoft.TypeScript.Compiler
Q2:安裝完上面兩個後,還是出現編譯時期錯誤,"VsTsc" 工作不支援 "OutputLogFile" 參數。請確認參數存在工作中,而且是可設定的公用執行個體屬性。
A:移除 Microsoft.TypeScript.MSBuild and Microsoft.TypeScript.Compiler,
眼尖的應該看出來,那等於是Q1的問題沒解決。
Q3:"tsc.exe" 以返回碼 1 結束。
A:先檢查TSC的版本,預設路徑位於
C:\Program Files (x86)\Microsoft SDKs\TypeScript
看目前安裝了哪個版本。
我的情況下只安裝了1.6及1.8,於是到『擴充功能和更新』搜尋新版的TypeScript 下載。
安裝完後,錯誤訊息解決。
Q4:新的錯誤,建置:File 'D:/SourceCode/example/Sample-TypeScript/Sample-TypeScript/Scripts/Scripts/firstTS.ts' not found
A:因tsconfig.json檔案路徑錯誤,因我的tsconfig.json放置的資料夾並不是在
子目錄底下。後來額外拉出來獨立於一個資料夾。
StepShot_12_05_43
然後config檔改成

{
  "compileOnSave": false,
  "compilerOptions": {
    "noImplicitAny": true,
    "noEmitOnError": true,
    "sourceMap": true,
    "target": "es6",
    "outDir": "../Scripts/App"
  },
  "files": [
    "./secTS.ts"
  ]
}


要注意的是,路徑的地方,請確認config檔的位置,看是要把資料丟到哪去。
引用時,也要注意是匯出到哪個資料夾,以免造成誤會。避免造成改了之後沒有反應的情形,還以為是cashe的關係。
網頁引用的檔案名稱
<script src="~/Scripts/App/secTS.js"></script>

沒有留言:

張貼留言