Как сделать деплой Vite-проекта на gh-pages?

Question

[whireless]

Всем привет, проблема такая - gh-pages.yml и check.yml настроены правильно, сам по себе деплой производится в ветку gh-pages (и делает это без ошибок кстати), НО после, когда заходишь на домен проекта, он отображает только html, а остальные файлы ( style[hash].css, index[hash].js, favicon[hash].ico ) которые лежат в папке /assets не подгружаются, в консоли по запросам к этим файлам идет везде ошибка 404. В генерируемом Vite html все пути указаны верно к стилям и js, папка assets тоже есть в ветке gh-pages.

Помимо этого есть такая проблема в консоли, и возможно она создала ту - Загрузка модуля по адресу «https://*.github.io/assets/index-52010153.js» была заблокирована из-за неразрешенного MIME-типа («text/html»).

Вот точка входа:


Вот импорты стилей (подозреваю что тут и кроется проблема, но не знаю что нужно править):

Answer 1

[whireless]

Решением оказалось:

1. Удаление файлов gh-pages.yml и check.yml (и в целом папки - .github)
   
2. Установка зависимости в проект - npm i gh-pages -D
   
3. В package.json добавлены 2 скрипта -
   

   "predeploy": "npm run build",
   "deploy": "gh-pages -d build"

   
   
4. В vite.config.js добавлена строка:
   base: '/Название репозитория',
   
5. После git push origin дополнительно делаем - npm run deploy
   

Comments

[oexlkinq]

но ведь это решение не исходной проблемы, это обходной вариант

мне было достаточно изменить у себя только base в vite.config.ts (не .js т.к. проект на typescript)
по умолчанию base указывает на корень (/) сайта, а github pages хостит сайт проекта по адресу "имя_пользователя.github.io/название_репозитория/"

Answer 2

[Александр]

https://vitejs.dev/guide/static-deploy.html#github...