Почему мой Angular 8 проект не работает на страницах GitHub

Question

не могли бы вы мне помочь? Я пытаюсь развернуть личный проект Angular 8 на страницах GitHub, но он кажется пустым, и я не знаю почему.

Я впервые пытаюсь развернуть, используя GH-страницы, Я не использовал инструмент angular cli для развертывания на gh, просто я создал новый репозиторий, а затем добавил все скомпилированные файлы.

это мой репозиторий. https://github.com/Gerguevara/angularnews

это URL-адрес gh-страниц https://gerguevara.github.io/angularnews/

Также я пробовал развернуть его сейчас, но я не смог, у меня возникла та же проблема.

Answer 1

Это произошло из-за того, что вы не установили базу приложения href перед развертыванием на github. Ваше приложение ищет файлы в каталоге "https://gerguevara.github.io/", а не в вашем репозитории. Каталог "https://gerguevara.github.io/angularnews"

В вашем индексе. html файл часть <base href="/"> должна быть <base href="angularnews">. Вы можете изменить это с помощью CLI или IDE

Answer 2

Я должен сказать, что это интересно, потому что я смог загрузить его. Proof

Вы пытались просто вставить его на веб-сервер и посмотреть, как он работает. Поймите, что локальная загрузка файлов создаст вам проблемы, потому что локальный доступ к файлам не разрешен без разрешений.

Только для небольшой дополнительной помощи.

Одна вещь, которую я заметил, - в вашей первой новости Я видел:

[[getSimpleString (data.title)]] [[getSimpleString (data.description)]] [[getSimpleString (data.videoCountText)]]

Эта проблема показывает, что вам нужно быть немного более оборонительным в своем программировании. Убедитесь, что только данные, которые могут отображаться правильно, возвращаются из вашего API или вызова сервера. Кроме того, вы можете сделать каждый новостной элемент компонентом и скрыть / показать его, только если доступно достаточно данных для отображения.

Счастливое программирование; -)