одностраничное приложение угловое 4

Question

Я хочу развернуть одностраничное приложение в angular 4 на github с помощью командной строки.

Но когда я открываю ссылку для сайта, это отображается:

Тогда как этодолжно отображать что-то вроде этого:

Ссылка на мой репозиторий

Ссылка на сайт, размещенный на github

Может кто-нибудь помочь мне решить эту проблему?

Answer 1

Если мои предположения верны, вы пытаетесь развернуть приложение Angular на страницах Github.Это можно сделать, выполнив следующие действия:

1.установить angular-cli-ghpages

npm install -g angular-cli-ghpages

2.Используйте Angular CLI для построения проекта

ng build --prod --base-href https://<GITHUB_USER_NAME>.github.io/<REPO_NAME>/

3.Опубликуйте свое приложение на страницах Github

angular-cli-ghpages

Если все прошло хорошо, теперь вы сможете увидеть свое приложение Angular на https://<GITHUB_USERNAME>.github.io/<REPO_NAME>/

Дополнительные примечания для версии CLI6 +

В Angular CLI 6 артефакты сборки будут помещены в подпапку под dist.Пожалуйста, посмотрите на папку dist, чтобы увидеть, есть ли подпапка с названием вашего проекта или нет.Если да, вам нужно указать каталог развертывания вручную, тогда при использовании этого инструмента: npx ngh --dir=dist/[PROJECTNAME] В большинстве случаев [PROJECTNAME] можно найти в файле angular.json по адресу defaultProject.

Источник

Answer 2

Вы должны построить свой угол для развертывания, используя

1. ng build, если вы просто хотите поделиться своими достижениями и идеями внутри с менеджерами, товарищами по команде и другими заинтересованными сторонами, это оставитваши коды как есть.

2. ng build --prod это оптимизирует и минимизирует ваш код.

Вы увидите вывод в dist/папка