Javascript 获得；无法播放媒体。所需格式没有解码器：text/html“；使用react player播放mp3文件时出错

我一直试图播放一个单一的音频文件，但它似乎没有正确地读取文件。这是我用来播放文件的React道具

<ReactPlayer 
    forceAudio
    controls
    width='100%'
    url='../../../../../build/assets/audio/Big_O_Opening_US_Version.mp3'
    type = 'audio/mp3'
/>

我使用过的其他浏览器没有在webpack中为mp3添加文件加载器 您的加载程序需要了解您使用的文件，您可以使用webpack中的标准文件加载程序将这些文件捆绑到您的构建中。有一个关于如何使用这个的问题。然后将文件作为变量导入，并将其传递给组件。导入很重要，因为这是webpack查看捆绑内容的方式

import mp3 from '../../../../../build/assets/audio/Big_O_Opening_US_Version.mp3';

...

<ReactPlayer 
    forceAudio
    controls
    width='100%'
    url={mp3}
    type = 'audio/mp3'
/>

从“../../../../../build/assets/audio/Big_O_\u Opening_US_Version.mp3”导入mp3；
...

尝试了这一点，但我在节点中出现了以下错误：

未找到模块：您试图导入../../../../../../../../build/assets/audio/Big_O_Opening_US_Version.mp3，它不在项目src/目录中。不支持src/之外的相对导入。

是的，请更正路径或将资产文件夹移到项目中

import mp3 from '../../../../../build/assets/audio/Big_O_Opening_US_Version.mp3';

...

<ReactPlayer 
    forceAudio
    controls
    width='100%'
    url={mp3}
    type = 'audio/mp3'
/>