環境構築後のTypescriptに関するエラーが発生

Question

環境構築後にTypescriptを後から導入したときのエラーを修正したい

まず、VisualStudioを使って以下の手順で新規にプロジェクトを作成しました。

・VisualStudioでASP.Net Core3.0でプロジェクトを新規作成
・NuGetでMicrosoft.AspNetCore.SpaServices.Extensionsをインストール
・PowerShellでnpm i Typescript を実行
・手動でtsxファイルを作成し、もとからあったjsのコードをコピー

この手順で行ったところ、以下のエラーが出現しました。
（デバッグは通ります。）

esmoduleinterop についてはtsconfigを確認しましたが、trueでした。
解決方法を教えていただけると幸いです。
宜しくお願い致します。

Answer 1

ソースコードが一部しか記載されていないため、エラー文を読んだ上での推測で答えます。
コンポーネントに State の型定義がされていないことが原因かと思います。
TypeScript で React のクラスコンポーネントの型を定義する場合は

interface state {
  loading: // loading の型
}

class SomeComponent: React.Component<{}, State> {

と言ったように、React.Component 型のジェネリクスで定義します。このジェネリクスは第一引数が Props の型、第二引数が State の型になります。

Comments

[og24715]

s.a. https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/types/react/index.d.ts#L407

[kuro_5656]

ありがとうございます。解決しました。