MP3 ファイルをインポートしようとすると、次のようになります。
import audioSrc from "./audio.mp3";
次のエラーが表示されます。
TS2792: Cannot find module './audio.mp3'. Did you mean to set the 'moduleResolution' option to 'node', or to add aliases to the 'paths' option?
ただし、これは機能します。
const audioSrc = require("./audio.mp3");
この問題を再現するために必要なすべてのファイルを次に示します。ts-loader
Typescriptを Javascript にコンパイルするためにWebpack 5 を使用していること、およびWebpack のドキュメントにはfile-loader
非推奨であり、代わりにアセット モジュールを使用する必要があることが記載されていることに注意してください。
だから、私は2つの質問があります:
- MP3 ファイルのインポートが CommonJS 構文では機能するのに、ES6 では機能しないのはなぜですか?
- 可能であれば、ES6 構文で MP3 ファイルをインポートするにはどうすればよいですか?