【问题标题】:angular webpage resource not found找不到角度网页资源
【发布时间】:2022-01-04 11:59:52
【问题描述】:

所以基本上我正在尝试使用 Audio 类型从 ts 文件(使用角度)播放一些音乐,在 src 属性上我指定了我确信是正确的路径,这是代码:

playMusic(){
console.log("Playing music");
let audio = new Audio();
audio.src = "./home_music.mp3";
audio.loop = true;
audio.load();
audio.play();
}

我放那个路径是因为mp3文件和ts文件在同一个文件夹里,只有浏览器给我这个错误:

GET http://localhost:4200/homeMusic.mp3 404 (Not Found)

这实际上是有道理的,因为文件不在那个路径中,它在/src/app/home/homeMusic.mp3 中,(我在 CSS 文件中使用 ./file.jpeg 来设置背景图像,它工作得很好,但这里显然不是)

当然,我尝试放置整个相对路径,但我仍然收到该错误,有什么建议吗?

【问题讨论】:

  • 它应该在/assets 文件夹中。所有资产都应该是。这就是 Angular 寻找静态文件的地方。另外我相信路径应该是“home_music.mp3”或“/assets/home_music.mp3”,没有./
  • 刚试过,还是不行,我不认为我插入了错误的路径,因为我鼠标点击了“复制相对路径”,我还用普通斜杠交换了反斜杠,然后再尝试我还在每个反斜杠之前放了一个反斜杠,因为那个字符也意味着“忽略下一个字符”或类似的东西,所以他们自己搞砸了路径

标签: javascript html angular html5-audio


【解决方案1】:

解决了,把它放在 assets 文件夹中并导航到它,对我来说路径是“../../assets/whatever.mp3”

【讨论】:

  • 你不需要资产的相对路径,只需使用/assets/bla.mp3
  • 真的。 (需要更多字符才能发布回复 lmao)
猜你喜欢
  • 1970-01-01
  • 2011-03-27
  • 2021-09-24
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2016-05-10
相关资源
最近更新 更多