如何在TypeScript中导入MP3文件？React+use-sound报错解决

步骤1：添加音频文件的类型声明 #

在项目的src目录下创建一个名为audio.d.ts的类型声明文件，写入以下内容：

declare module '*.mp3' {
  const src: string;
  export default src;
}

如果需要支持其他音频格式（比如wav、ogg），可以扩展这个声明：

declare module '*.mp3'
declare module '*.wav'
declare module '*.ogg' {
  const src: string;
  export default src;
}

步骤2：确保TypeScript识别声明文件 #

• 若使用Create React App创建项目，默认会自动加载src目录下所有.d.ts文件，无需额外配置。
• 自定义tsconfig.json的话，检查include字段，确保包含声明文件的路径：

{
  "compilerOptions": {
    // 你的其他配置
  },
  "include": [
    "src/**/*", // 覆盖src下所有文件
    "src/audio.d.ts" // 或者单独指定声明文件路径
  ]
}

步骤3：验证文件路径正确性 #

确认../../assets/sounds/sample1.mp3的路径没有拼写错误，注意文件名的大小写（部分操作系统区分大小写），确保文件确实存在于对应位置。

完成以上步骤后，TypeScript就会正确识别MP3模块的导入，报错应该会消失。

内容的提问来源于stack exchange，提问作者shinchan97