導航:首頁 > 源碼編譯 > typescript編譯後f12報錯卡住

typescript編譯後f12報錯卡住

發布時間:2022-05-28 12:54:54

① 求教,TypeScript用let寫了一行變數聲明就不能編譯通過,是什麼問題

tsc命令行引用了默認的版本,刪除:C:\ProgramFiles(x86)\MicrosoftSDKs\Typescript\1.0自帶的這個版本即可!

② 如何用WebStorm來調試TypeScript編譯出來的javaScript

只能是再遠碼時候調啊,編譯後就無法調了,使用自動編譯的工具就行了

③ 如何編譯TypeScript

1、手動編譯
1.1、首先找到TypeScript的安裝目錄,我的在」C:\Program Files (x86)\Microsoft SDKs\TypeScript\1.0「。
1.2、使用cmd工具命令cd到安裝目錄。
1.3、輸入命令:tsc 文件名.ts,回車編譯。
一旦編譯成功,就會在相同目錄下生成同名的js文件(編譯成功後是沒有任何消息提示的。上圖中,這也是編譯成功的。只要不存在語法錯誤)。
2、設置自動編譯

④ 如何修改webstome上typescript的編譯器

兩種方法:

  1. 安裝最新的webstorm,集成的是2.3.1的Typescript

  2. 自己單獨下好最新的Typescript,點那個edit,選custom directory 瀏覽到你下好的庫,點確定就ok了

⑤ 為什麼<script type="text/javascript">...</script>有時候執行,有時候不執行,是為什麼

javascript屬於腳本,直接解釋執行,沒有編譯期,因此你在編寫期間很難發現錯誤,倘若都錯了,你就將代碼刪除,在你認為沒進去的方法中alert下,看看是否列印。 另外你在執行時,沒有按你預期執行,在瀏覽器中你可以按F12, 然後點console,看下提示。

⑥ npm安裝typescript出現問題npm install -g typescript出錯

cmd管理員身份啟動在執行npm install -g typescript

⑦ 使用vs2013開發跨平台應用運行顯示「未為 TypeScript 編譯器給定要編譯的文件,因此編譯器將跳過編譯。」

用記事本打開csproj文件,把typescript相關的刪掉。
這是我在我的項目找到的:
<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.Default.props" Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.Default.props')" />
<TypeScriptToolsVersion>1.0</TypeScriptToolsVersion>
<TypeScriptCompile Include="Scripts\typings\jquery.autosize\jquery.autosize.d.ts" />
<Import Project="$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets" Condition="Exists('$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)\TypeScript\Microsoft.TypeScript.targets')" />

⑧ 如何啟動typescript編輯器

Typescript是JavaScript的超集,支持ES6特性並且提供了類型系統,可以編譯成Javascript。是微軟開發且已經在github上開源。
ES6(ES2015,ES2016等)雖然已發布,但是很多瀏覽器廠商對其並不是完全支持,當前我們要想使用最新的ES6特性,必須使用轉換工具(如babel),才能最終運行在瀏覽器上。而TypeScript對ES6新特性的支持使得我們可以直接使用開發,並且不用依賴第三方工具(不是絕對的),再加上靜態類型檢查等,使得我們可以像寫java一樣爽。
環境搭建
有兩種主要的方式獲取TypeScript工具。通過npm(Node.js包管理器)和安裝TypeScript的Visual Studio插件。作為前端開發人員在這里使用npm這種簡單高效方式安裝。
1 npm安裝
npm install -g typescript
2 是否安裝成功,在命令行中輸入以下命令,如果出現版本號表示安裝成功
tsc -v

入門示例
創建文件Person.ts,並輸入如下內容
class Person {
name:string;
age:number;
constructor(name:string, age:number) {
this.name = name;
this.age = age;
}

msg() {
return `${this.name} is ${this.age} years old`;
}
}

let user = new Person('Jack', 20);
document.body.innerHTML = user.msg();
編譯後會在同目錄下生成Person.js文件,編譯命令如下:
tsc Person.ts
編譯後的文件Person.js內容如下,其實就是javascript源碼
var Person = (function () {
function Person(name, age) {
this.name = name;
this.age = age;
}
Person.prototype.msg = function () {
return this.name + " is " + this.age + " years old";
};
return Person;
}());
var user = new Person('Jack', 20);
document.body.innerHTML = user.msg();
新建hello.html文件,輸入以下內容:
<!DOCTYPE html>
<html>
<head><title>TypeScript Hello World</title></head>
<body>
<script src="Person.js"></script>
</body>
</html>
用瀏覽器打開hello.html即可看到效果

工欲善其事必先利其器--VS Code
VS Code也是微軟開發的編輯器,其本身也是使用TypeScript開發的,代碼已在github上開源,基於Electron框架開發,相對於Atom速度快,體驗較好,是TypeScript IDE的首選。
其源碼編輯器monaco-editor聯想功能比較強大,已經單獨開源。微信小程序開發工具的中源碼編輯器就是使用了monaco-editor。另外其插件系統使得我們可以豐富其功能。
關於VS CODE更多信息請查看官網文檔。

⑨ 使用gulp編譯typescript時,為什麼這配置會出錯

選擇 Configure Task Runner 自創建 task.json 該配置文件工作空間.vscode目錄目錄存放vscode配置文件夾 vscode默認task配置文件給執行tsc gulp模板配置簡單介紹 task.json 寫 {"version": "0.1.0...

⑩ 為什麼TypeScript解決不了問題

1. 對 IDE 依賴嚴重
2. 對現有的第三方JS庫不友善
3. static type 在 js 所面對的瀏覽器頁面小應用中缺乏廣泛適用的環境

TypeScript 的最大的賣點在於讓習慣了OO的人能有一個相對熟悉的進入JS的中介,並且對於初學者而言隱藏了許多JS的深坑。但是JS無法編譯回 TypeScript,這個是硬傷。所以除非 webkit 能夠直接運行 TypeScript,否則TS終究是一門玩具語言,因為最後運行時的問題還是需要鑽進 js 去解決。

閱讀全文

與typescript編譯後f12報錯卡住相關的資料

熱點內容
約束邊緣構件鋼筋加密綁扎 瀏覽:994
單片機的表 瀏覽:699
南京程序員噴香水事件 瀏覽:647
關掉伺服器為什麼還是被d 瀏覽:991
ip反查域名命令 瀏覽:299
編譯軟體c語言 瀏覽:143
大同壓縮機有限公司 瀏覽:68
什麼是win32編程 瀏覽:904
應用程序怎麼提取源碼 瀏覽:190
如何查詢公司網站伺服器地址 瀏覽:10
微博群里的圖片在哪個文件夾 瀏覽:274
半導體除濕壓縮機除濕 瀏覽:108
程序員失戀怎麼辦 瀏覽:727
怎麼把android編譯成mk 瀏覽:897
遺傳演算法個體變少 瀏覽:267
貨拉拉app在哪裡選收藏司機 瀏覽:543
如何從安卓轉移照片到ipad 瀏覽:500
馬士兵java全集 瀏覽:92
農行APP未付款訂單怎麼付 瀏覽:160
生成編譯 瀏覽:595