音频标签在角度不起作用，404 未找到错误答案

【问题标题】：audio tag doen't work in angular, 404 not found error音频标签在角度不起作用，404 未找到错误
【发布时间】：2021-12-26 18:07:18
【问题描述】：

我有一个 .wav 音频文件，我正在使用简单的音频标签进行测试，但它不起作用，它在我的 app.component.html 中

<audio class="col-8" controls="">
  <source src='test.wav' type="audio/wav" />
</audio>

它给了我 404 not found 错误。这是firefox控制台的截图

我把我的test.wav文件放在项目的每个目录下，避免路径问题，避免找不到，但是没有用！

我用在线 wav 文件尝试了相同的 sn-p，它可以工作，所以我尝试了一个远离 angular 项目的简单 html 文件中的音频标签，它有效，所以问题不在于音频。

谁能帮忙？

【问题讨论】：

构建完成后，您的文件夹是否添加到 dist 文件夹？尝试添加到 assets 文件夹中，看看是否有效
我把它放在那里和每个目录中，没有用，我如何检查 dist 文件夹，我在我的项目结构中看不到它，如果它看起来很傻，我很抱歉我是角度新手
在您的.angular-cli.json 中查找assets:[] 部分，看看那里列出了哪些文件夹名称。将您的视频文件放在列出的文件夹之一中，然后将该文件夹名称添加到您的路径中，如下所示：src='foldername/test.wav' - 注意没有前导斜杠。
我把它放在assets文件夹里，src="assets/filename，它可以工作，谢谢

【解决方案1】：

您是否尝试过更改路径？尝试链接到文件时有时会遇到此问题。

例子：

<audio class="col-8" controls>
 <source src='./test.wav/' type="audio/wav" />
</audio>

注意：controls 属性后不需要加引号。

【讨论】：

【解决方案2】：

我把它放到assets文件夹里，然后make src="assets/filename"，就成功了。

【讨论】：