0

Когда я загружаю песню в базу данных, то перенаправляю себя на главную страницу, где выводятся все песни, но я получаю вот такую ошибку: Cannot find module './my_song.mp3', хотя после перезагрузки страницы все работает без ошибок

Получаю песни с базы данных

  async mounted() {
    try {
      const token = this.$store.getters["auth/getToken"];
      const { result, ok } = await this.$store.dispatch("user/getData", {
        data: ["songs"],
        token,
      });

      let songs = [];

      if (ok) {
        songs = result.songs.map((song) => {
          song.active = false;
          // Думаю, что ошибка здесь
          song.audio = new Audio(require(`@/uploads/${song.file}`).default);
          song.currentTime = 0;
          song.audio.volume = this.getVolume;
          song.volume = this.getVolume;

          return song;
        });
      }

      this.$store.commit("setSongs", songs);

      if (localStorage.getItem("volume")) {
        this.$store.commit(
          "setVolume",
          JSON.parse(localStorage.getItem("volume"))
        );
      }
    } catch (err) {
      throw err;
    }
  },
5
  • 1
    Сделайте song.audio = new Audio(require(`@/uploads/${song.file}`).default); отдельной async-функцией, должно заработать. После перезагрузки она берётся из кеша или из-за того, что соединение уже прогрето достаточно быстро.
    – DraKoan
    5 янв 2022 в 20:42
  • 1
    @DraKoan, спасибо большое, что помогли, правда сработало 6 янв 2022 в 13:06
  • тогда оформлю как ответ. Принимайте его :)
    – DraKoan
    6 янв 2022 в 13:08
  • На самом деле вы практически сами обнаружили ошибку, просто немного опыта не хватило осознать её механизм. Я несколько дней ломал голову в своё время когда пытался менять таблицу стилей, которая не успевала подгружаться.
    – DraKoan
    6 янв 2022 в 13:12
  • Наврал. В том моём проекте слишком быстро после перезагрузки подгружались сами скрипты, требующие в себя таблицы стилей, которые просто не успевали отработаться браузером (вопрос 20-30 мс) и требуемая анимация не запускалась, а выдавала ошибку. А при обычной загрузке с почищенным кэшом всё работало. То есть ситуация может быть диаметрально противоположная при той же ошибке неучёта задержек работы железа.
    – DraKoan
    6 янв 2022 в 13:34

1 ответ 1

1
song.audio = new Audio(require(`@/uploads/${song.file}`).default);

Должна быть отдельной async-функцией.

После перезагрузки песня берётся из кеша или из-за того, что соединение уже прогрето достаточно быстро. А до перезагрузки скрипт не успевает её получить прямо в потоке исполнения, и отдаёт undefined.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.