Memo

jQuery対応

index.html でjQueryを読み込み
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


ts/test.ts から呼び出し
$(function() {
    alert('test!');
});


…としても、以下のようなエラーになる
TypeScriptがjQueryの命令を解釈できない

assets\ts\test3.ts(1,1): error TS2304: Cannot find name '$'.
[00:30:12] TypeScript: 1 semantic error
[00:30:12] TypeScript: emit succeeded (with errors)


以下のコマンドを実行すると、TypeScriptがjQueryの命令を解釈できるようになる

>npm install --save @types/jquery


以下のように、TypeScriptとjQueryを併用できる

$(function() {
    let message: string = 'テスト';
    $('h1').text(message);
});


特別なツール不要！ TypeScript 2時代の型定義ファイルの取り扱い方 - Qiita
https://qiita.com/tonkotsuboy_com/items/634b0921b6170cf56813
Memo

Advertisement
