typescript - プロジェクト項目グループに tsx ファイルが含まれている場合のモジュール解決エラー

Question

反応テンプレートを使用して新しいasp.netコアプロジェクトを作成し、Typescriptを構成しました。

Test.tsx次に、次のコードで呼び出される非常に単純なファイルを作成しました

import React from 'react';

class Test extends React.Component {

    render() {
        return (
            <div/>
        );
    }
}

export default Test;

これにより、エラーが発生しました

エラー TS1192 (TS) モジュール '"***/React/React/ClientApp/node_modules/@types/react/index"' にはデフォルトのエクスポートがありません。

次に、ファイルを同じ場所にコピーして貼り付け、名前を付けましたTest2.tsx。エラーは魔法のように消えました。

さらに掘り下げたところ、右クリックを使用してファイルを追加すると、ファイルにエントリが追加されることがわかりました->新しいアイテムを追加-> TypeScript JSX.csprojファイル

  <ItemGroup>
    <TypeScriptCompile Include="ClientApp\src\Test.tsx" />
  </ItemGroup>

この行を削除すると、コンパイル エラーが解消されます。しかし、なぜこれが起こっているのですか?? 新しい TSX ファイルを追加するたびに、この行を削除する必要がありますか?

Visual Studio 2017 と TypeScript 3.1.3 の使用