日々更新中です!

【TypeScript】TS2339エラーの原因と対処法を解説!

  • URLをコピーしました!
悩んでいる男の子

TS2339エラーが発生したんだけど、対処方法が分からないんだよね。。

こんな悩みを解決します。

  • 本記事の内容
  • TS2339の原因と対処法について
  • 本記事の執筆者
プロフィール
いずみん(どこの写真だよ)
  • 元エンジニア(歴7年)、資格保有数約20個(IT系以外も含む)
  • 物販月利50万円⇒脱サラ
  • 物販、システム開発、アフィリエイト、プログラミング、投資をやっています。
  • 物販は彼女と楽しみながらやっています!

今回は、TS2339エラーの原因と対処法について解説します。

いずみん

すぐ読み終わるので、是非最後まで読んでみてください!

プログラミングを学びたい方必見!

オンライン特化のプログラミングスクールなら「TechAcademy [テックアカデミー] 」が超おススメ!

副業としてプログラミングを学びたい方にもおすすめのスクールです!

  • 初心者が9割以上なので挫折せずに学べる!
  • 受講者に副業の仕事を1案件以上斡旋! ※条件あり
  • オンライン完結型なので、在宅でもお仕事可!
  • プロのメンターがサポートしてくれる!

キャリアカウンセリングメンター相談無料でできるのもおすすめポイントです!

\ 詳細はこちら /

目次

TS2339エラーとは?

TS2339エラーは型を明示していない場合に発生するエラーです。

const unkoCanvas = document.getElementById("unkoCanvas");
const unkoContext = unkoCanvas.getContext("2d");

↑のようなコードを実行すると…

error TS2339: Property 'getContext' does not exist on type 'HTMLElement'

TS2339エラーが発生します。

unkoCanvasHTMLElementと解釈されたためgetContextが存在しないと言われています。

TS2339エラーの原因

TS2339エラーは適切な型定義をしていない場合に発生します

先ほどのソースコードの場合、unkoCanvasHTMLCanvasElementと解釈してもらいたいのにHTMLElementと解釈されてしまっています。

TS2339エラーの対処方法

TS2339エラーは適切な型定義することで解決します

型アサーションを使う

const unkoCanvas = <HTMLCanvasElement>document.getElementById("unkoCanvas");
const unkoContext = unkoCanvas.getContext("2d");

型アサーション<HTMLCanvasElement>を定義します。

asで明示する

const unkoCanvas = document.getElementById("unkoCanvas") as HTMLCanvasElement;
const unkoContext = unkoCanvas.getContext("2d");

asでHTMLCanvasElementを明示します。

anyを付与する

const unkoCanvas:any = document.getElementById("unkoCanvas");
const unkoContext = unkoCanvas.getContext("2d");

anyを付与します。

いずみん

個人的にanyはおすすめしません。
型がないのと変わりませんし。。

まとめ

今回は、TS2339エラーの原因と対処法について解説しました。

TypeScriptの型に関するエラーはハマりポイントですね。。

ではまた!

まとめ
  • TS2339エラーは型を明示することで解決する。
  • SNSはこちら!
  • 自由な生き方がしたいなら!

自由な生き方をするためには、稼ぐスキルを身に付けなければなりません。

当サイト「リバトレ」では稼ぐスキルに関する情報を日々発信しているので、興味のあるものから見て頂ければ嬉しいです。

SNSもフォローしてね!

この記事が気に入ったら
いいね または フォローしてね!

シェアするんやで!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

いずみんのアバター いずみん 自由大好きおじ

自由大好きおじ | 物販月利50万達成⇨脱サラ | 稼ぐ力を身に付けるブログ『リバトレ』運営 | 物販(アパレルせどり)・アフィリエイト・プログラミング・投資に関する情報を発信中 | 元エンジニア | 保有資格約20個

コメント

コメントする

目次
閉じる