【React/Typescript】      Cannot find module 'filename.mp3'.ts(2307).エラーの回避方法

Cannot find module 'filename.mp3'.ts(2307).エラーの回避方法は非常に簡単なんですが、mp3ファイル用の型定義ファイル(d.ts)を作成するだけです。

stackoverflowではmp3ファイルのインポート時にES6のimportではなくES5のrequireを使用すると解決できるというQAもあり、実際にその方法でも今回のエラー自体は回避できたのですが、mp3を再生するときに別の問題が出てきてしまうことがわかったので、型定義ファイルを作成する方法を選んでいます。

回避方法

srcディレクトリの下に、@typesという名前でディレクトリを作成し、その中にaudio.d.tsというファイルを作成します。(ファイル名は自由です。)

audio.d.tsファイルの中に以下のように記述すればエラーが消えるはずです。

declare module '*.mp3';

この記事が気に入ったらサポートをしてみませんか?