自身が直面したTypeScriptのエラーと対処策についてまとめていく

• 解決状況

未解決

• エラー内容

プロパティ 'set' は型 'JSX.IntrinsicElements' に存在しません。

• 該当ファイル

Icons.tsx svgアイコンコンポーネント

• 該当箇所

svgタグ内のsetタグについて発生

~~~省略
<path>
	<set attribute.../>
</path>
~~~省略

• 対処

https://ponday.hatenablog.com/entry/2018/12/03/083522

tsx(TypeScript)ではJSX.IntrinsicElementsインターフェースに未定義の要素はこのエラーが表示されるらしい。なので拡張すればよいとのことで以下を追記

declare namespace JSX {
  // JSX.Elementを定義
  type Element = string;
  interface IntrinsicElements {
      'set': {
        attributeName: string;
        begin: string;
        to: string;
      }
  }
}

はしょりたい場合は、

declare namespace JSX {
  interface IntrinsicElements {
    [tagName: string]: any
  }
}

しかし、解決されなかったのでファイルを.jsxに変更し、型周りを一通りコメントアウトしエラー回避することにした。 ’@polymer/lit-element’も関係あるのかどうか…

TOP PAGE