Не удается развернуть приложение Angular7 на страницах GitHub - PullRequest
Новая
       6

Не удается развернуть приложение Angular7 на страницах GitHub

0 голосов
/ 09 января 2019

Github Repo: - UI-актив-агм.

ProjectName: - UI-активы Я запускаю следующие команды для развертывания углового приложения на страницах github 

ng build --prod --base-href "https://skatia.github.io/UI-asset-Agm"



   ngh or 
     npx ngh --dir=dist/UI-assets

Но когда я иду на 

 https://skatia.github.io/UI-asset-Agm/ or 
https://skatia.github.io/UI-assets/

там написано, что сайт не найден

dist / UI-assets / index.html равен 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>UIAssets</title>
  <base href="https://skatia.github.io/UI-asset-Agm">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://unpkg.com/tachyons@4/css/tachyons.min.css">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<link rel="stylesheet" href="styles.491137759dd7a3a3a7e2.css"></head>
<body>
  <app-root></app-root>
<script type="text/javascript" src="runtime.ec2944dd8b20ec099bf3.js"></script><script type="text/javascript" src="polyfills.1ef83d22ada557f4a131.js"></script><script type="text/javascript" src="main.ca0a7471bf0fe9d8f66d.js"></script></body>
</html>

1 Ответ

0 голосов
/ 09 января 2019

Если у вас есть пустой репозиторий git с именем ui-asset-agm для вашей учетной записи на github с именем skatia и работающий проект Angular 6+ (ng build --prod выполняется без ошибок ) следующее должно работать для вас.

Настройка Angular

В вашем angular.json добавьте (или обновите) следующие правила к вашей configurations/production записи 

"production": {
  ...
  "baseHref": "/"
  "deployUrl": "https://skatia.github.io/ui-asset-agm"
}

также измените outputPath в том же файле на docs (по умолчанию это dist). Сборка с 

ng build --prod

После этого должна быть папка с именем /docs в вашем успешно построенном угловом приложении. Если нет, то есть некоторые проблемы с вашим проектом Angular.

Нажав на github

Добавьте свой репозиторий github как удаленный 

git remote add origin https://github.com/skatia/ui-asset-agm

и нажмите на github с помощью 

git push -u origin master

В github перейдите в настройки репозитория и выберите что-то вроде "использовать страницы github с папкой master / docs" . Ваша страница будет доступна под 

https://skatia.github.io/ui-asset-agm

Публикация сайта занимает некоторое время, по моим наблюдениям, примерно одна или две минуты.

...