Ребят, привет! Подскажите, как правильно сделать динамический импорт файла (файл титров

.srt, который Я в последствии хочу конвертнуть в удобный для меня формат)?
"webpack": "^5.51.1",
Пример, как пытаюсь вызвать импорт:
// srcRoot вычисляется на основе текущей страницы, эта логика в отдельном хуке спрятана
useEffect(() => {
if (srcRoot) {
console.log('srcRoot',srcRoot);
// eslint-disable-next-line @typescript-eslint/no-var-requires
// const data = require(`.${srcRoot}/sound.srt`);
// console.log('data', data);
import(srcRoot + '/sound.srt')
.then((data) => {
console.log('data', data);
});
}
}, [srcRoot])
для загрузки файлов указан следующий загрузчик:
{
test: /\.(png|jpe?g|gif|mp4|mp3|srt)$/i,
use: [{loader: 'file-loader'}],
},
=====
падает вот в такую ошибку:
Uncaught (in promise) Error: Cannot find module '/generated_path/sound.srt'
когда обращаюсь по этому роуту на прямую, то файл скачивается, т.е. проблем с его отдачей нет

нафига тут импорт, это же fetch

bruh, люто затупил про это чёт вообще не подумал сенкью, пойду пробовать

поидее эти файлы у вс вобще не в репозитории с кодом должны лежать, а где то отдельно в бакете, вы ж не будете редеплоить приложение чтоб файл добавить

да не, оно у меня никуда не покатится это для меня чисто локальная штука

еще как вариант можно сделат <input type="file" />

через ref типо вытаскивать? у меня react)

зачем через реф, onChange