[GitHub Actionsエラー] An import path can only end with a '.tsx' extension when 'allowImportingTsExtensions' is enabled.

error TS5097: An import path can only end with a '.tsx' extension when 'allowImportingTsExtensions' is enabled.

GitHub ActionsでCICDが実行された際に上記のエラーが発生しましたので解決法を紹介します。

原因

tsxファイルをインポート時に.tsxを記述していたのが原因でした。

- import Component from "./Component.tsx"; // 拡張子が付いているのが原因
+ import Component from "./Component";

まとめ

GitHub Copilotの予測変換を使っているとたまに余計な記述で失敗することがあったりします。

コーディングしている際の警告はしっかり読んでいきたいと思います。