Изображения не загружаются при размещении приложения Next.js на страницах GitHub ⇐ Javascript

[Anonymous]

У меня возник ряд проблем при сборке и загрузке моего Next.js с помощью GitHub Pages. Последняя проблема, с которой я столкнулся сейчас, заключается в том, что изображения не загружаются, и, похоже, проблема связана с неправильной настройкой URL-адресов изображений. Например, в моем коде:


Это отлично работает при локальном размещении приложения. Однако при развертывании на страницах GitHub оказывается, что все ресурсы содержатся в папке с именем имя_репозитория. Когда я вручную редактирую тег src в загруженном выше HTML-коде на src="/repository_name/portrait.jpg", изображение успешно загружается.
Я пытался изменить файл next.config.ts, чтобы выполнить описанное выше, но пока ничего не помогло:
const nextConfig: NextConfig = {
output: 'export',
basePath: '/repository_name',
assetPrefix: '/repository_name/',
images: {
loader: "imgix",
path: "/repository_name/",
unoptimized: true,
},
};


Подробнее здесь: https://stackoverflow.com/questions/798 ... thub-pages