Почему не работает сайт на GitHub Pages?

Question

[AlexandraWeather]

Сделала маленький проект на frontend mentor и хотела туда загрузить решение. чтобы это сделать, надо опубликоваться и один из вариантов GitHub Pages. Сделала по инструкции: в настройках зашла в pages, там выбрала источник main. Больше ничего в инструкции не сказано (https://pages.github.com/). Но у меня отображается только разметка, остальное все 404
Что я сделала не так?

ссылка на получившуюся страницу https://eugeniaantonova.github.io/results-summary-...
на репозиторий https://github.com/EugeniaAntonova/results-summary...

Comments

[Дмитрий]

стили и js не грузятся. пути к ресурсам проверяйте в своем коде.

[AlexandraWeather]

Дмитрий, в том то и вопрос - у меня локально, если лайвсервером запускаю, все работает прекрасно!
если клонировать прям оттуда, и запустить, все отлично отработает. но сайт - нет. почему я не понимаю. пути проверяла и они работают, просто не тут, почему-то

[Дмитрий]

AlexandraWeather, пользуйтесь Dev Tools в браузере , там отлично видно, что он не видит /css/style.css и еще несколько ссылок.
для начала исправьте стили , вот так
<link rel="stylesheet" href="./css/style.css">

[Rsa97]

Вроде сейчас всё работает, хотя минут 40 назад на JS-файлы возвращался Content-Type: text/html, из-за чего браузер ругался на неправильный тип скрипта.

[Сергей П]

Дмитрий, можно без "./"

[Дмитрий]

Сергей П, можно , дело не в этом. человек базовых инструментов отладки не знает, вот что важно.

[AlexandraWeather]

Дмитрий, вы оказались правы! странная вещь - у меня работало нормально, а тут надо было во все пути добавить точку спереди. можете объяснить почему так, пожалуйста?

[AlexandraWeather]

Дмитрий, почему-то я не могу отметить ваш комментарий решением
если вам важен тут рейтинг, повторите его в ответах и я отмечу решением

[AlexandraWeather]

Дмитрий, да я знаю) видела же в консоли, что 404 на всех файлах
просто не знала почему так, если у меня все работало

[Сергей П]

AlexandraWeather,

странная вещь - у меня работало нормально, а тут надо было во все пути добавить точку спереди. можете объяснить почему так, пожалуйста?

Ничего странного, можно точку добавить, а можно слеш первый убрать. И то и другое сделает из абсолютного пути относительный. Относительно корня "сайта".
Учитесь пользоваться инструментами отладки в браузере.

Answer 1

[Сергей П]

/assets/images/icon-reaction.svg
Прочитайте чем отличаются абсолютные пути и относительные. Вот это абсолютный. Уберите первый слеш.
./js/main.js - тут тоже "./" лишние, но влиять это на работу не дролжно.
Чего именно вы ожидаете вообще от своего кода?

Comments

[AlexandraWeather]

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

[Сергей П]

AlexandraWeather, не всё. svg не находит по указанному пути:

<img width="20" height="20" src="/assets/images/icon-reaction.svg" alt="reaction">