音频播放在React js中不起作用，并且在导入音频文件时出现错误

Question

当尝试运行我的这段代码时，

<audio controls>
   <source src="./audio/sound.mp3" type="audio/mpeg" />
</audio>

音频文件未播放。

后来我尝试这样做：

import sound from './audio/sound.mp3'

<audio controls>
   <source src={sound} type="audio/mpeg" />
</audio>

找不到模块：错误：无法解析 src 中的“./notes/c.mp3”

如何在 React 中导入 mp3/wav 文件而不出错？

Answer 1

从“./audio/sound.mp3”导入声音

这个方法效果很好。检查您的 mp3 文件路径是否正确。

Answer 2

我也有同样的问题。当网站编译时，出现以下错误：

编译有问题：

ERROR in ./src/sound/alarm.mp3 1:0

Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

我尝试在 webpack 配置中添加 mp3 文本，但仍然出现相同的问题。