在 TypeScript 中使用 JQuery

在 ts 中使用 JQuery

在 html 中引入 jquery：

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>

有了 jquery 框架，就可以在 TypeScript 文件中進行使用JQuery的語法了。

const teacher: string = "jspang";
console.log(teacher);

$(function () {
  alert("jspang");
});

使用 Parcel 編譯后，雖然瀏覽器可以正常訪問，也沒有任何報錯，但是 vscode 會報錯。

解決方案

1. 安裝 types/jquery

npm i @types/jquery

2. 簡單粗暴，直接在 ts 文件的頭部加入這句代碼

declare var $: any;

3. 自己寫一個 .d.ts 聲明文件的類庫
   這個寫起來是很麻煩的，不推薦給大家。

---

相關文章：
用 Parcel 打包 TypeScript 代碼
參考：
技術胖——TypeScript從入門到精通（26. 在 TypeScript 中使用 JQuery）