Javascript не может связываться с папкой ресурсов, когда размещается на страницах GitHub - PullRequest
0 голосов
/ 04 июня 2018

Я сделал сайт с Muse и решил разместить его на страницах github.

Я использую howler.js для аудио и помещаю его в файл js.

При локальном тестировании мой сайт работает нормально.у меня звук работает нормально.Тем не менее, когда я размещаю его на страницах github, звуковые ссылки прерываются, и я получаю ошибку 404

Вот мой файл js.

const underwater = new Howl({
  src: ["../assets/underwater.mp3", "Add File", "Add File"],
  autoplay: false,
  volume: 0.5,
  loop: true,
  preload: true,
  rate: 1
});

код работает локально.

Но когда я размещаюсь на страницах github, я вижу, что ссылки становятся такими: https://username.github.io/assets/underwater.mp3

Должно быть так: https://username.github.io/myproject/assets/underwater.mp3

Вы знаете, какобойти эту проблему?Очень признателен за любую помощь ...

Спасибо

1 Ответ

0 голосов
/ 04 июня 2018

Я думаю, вы можете заменить родительский вызов (../) на (./) следующим образом:

const underwater = new Howl({
  src: ["./assets/underwater.mp3", "Add File", "Add File"],
  autoplay: false,
  volume: 0.5,
  loop: true,
  preload: true,
  rate: 1
});

Проверьте, как я изменяю ../assets на ./assets

...