React production с использованием response-app-rewired-alias

Question

Мне нужно импортировать mp3-файлы из-за пределов электронного приложения. Но react не принимает импорт за пределами src. Вот почему я использую response-app-rewired и response-app-rewired-alias. Когда электрон запускается в первый раз, я создаю каталог загрузок в папке appData, а затем оттуда импортируются mp3-файлы. Я думаю, что на производстве он пытается импортировать файлы mp3 перед созданием каталога загрузок. Как я могу реализовать это в продакшене?

Кстати, в разработке все работает нормально, но в продакшене я беру ошибку, которая говорит: "Не найден модуль userDataPath/downloads".

//config-overrides.js  (rtp is name of my app.)

const getAppDataPath = require('appdata-path')
const { alias } = require('react-app-rewire-alias')

module.exports = function override(config) {
  alias({
    userDataPath: getAppDataPath() + '/rtp',
  })(config)

  return config
}

// I try to import mp3 files like this:

 <audio
   src={require(`userDataPath/downloads/${currentSongFileId}`)} 
 />

 //package.json scripts

 "dev": "concurrently \"npm start\" \"wait-on http://localhost:3000 && electron .\"",
 "start": "react-app-rewired start",
 "build": "react-app-rewired build",

Answer 1

Можете ли вы попробовать создать каталог загрузок в preкоманда для запуска приложения? как

      "prestart": "mkdirp ./app && mkdirp ./app/downloads"