Хобрук: Ваш путь к мастерству в программировании

Angular 8 не удалось развернуть на Github Pages -

На моем локальном хосте все работает нормально.

Затем я использовал ng deploy --base-href=/dentist-angular/ для развертывания моего приложения на Github Pages.

Для каждого раздела, где должен быть мой текст, есть ответ об ошибке HTTP. Вы должны знать, что весь текст втягивается на страницу с помощью NGX translate, поэтому я предполагаю, что это часть проблемы.

Я удалил и повторно развернул, но проблема не исчезла.

Сообщение об ошибке в консоли ...

Object { headers: {…}, status: 404, statusText: "Not Found", url: "https://jamesross06000.github.io/assets/i18n/fr.json", ok: false, name: "HttpErrorResponse", message: "Http failure response for https://jamesross06000.github.io/assets/i18n/fr.json: 

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

HTML ...

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Dentist</title>
    <base href="https://jamesRoss06000.github.io/dentist-angular/">    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <script src="env.js"></script>
      <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="styles.748d964c6c80975e08dc.css"></head>
  <body>
    <app-root></app-root>
  <script src="runtime-es2015.edb2fcf2778e7bf1d426.js" type="module"></script><script src="runtime-es5.edb2fcf2778e7bf1d426.js" nomodule defer></script><script src="polyfills-es5.6696c533341b95a3d617.js" nomodule defer></script><script src="polyfills-es2015.2987770fde9daa1d8a2e.js" type="module"></script><script src="main-es2015.c08ed25e5c5c9aef5a4b.js" type="module"></script><script src="main-es5.c08ed25e5c5c9aef5a4b.js" nomodule defer></script></body>
</html>

Просто использование NGX translate с Github Pages - это большой запрет?

Вот URL-адрес страниц Github, если вам нужно увидеть ошибки, зарегистрированные в консоли.

Это ошибка, которая повторяется несколько раз в журнале консоли ...

ee  @   main-es2015.c08ed25….js:1

И это файловая структура в созданной папке dist ...

введите описание изображения здесь

Спасибо за любую помощь.


  • Можете ли вы обновить файловую структуру? 09.12.2019
  • В вопрос выше добавлено изображение файловой структуры 09.12.2019

Ответы:


1

Я нашел решение, хотя у меня нет объяснения, почему оно раньше не работало.

Чтобы создать и развернуть проект Angular 8 на страницах Github, используйте следующее ...

npm install -g angular-cli-ghpages

ng build --prod --base-href "<repo-name>"

ngh --dir dist/<project-name>

Вышесказанное помогло мне.

10.12.2019
Новые материалы

Шлюз с лицензией OSS, совместимый с Apollo Federation v2, появится в WunderGraph
Сегодня мы рады сообщить, что мы сотрудничаем с поддерживаемой YC Tailor Technologies, Inc. для внедрения Apollo Federation v2. Реализация будет лицензирована MIT (Engine) и Apache 2.0..

Это оно
Ну, я официально уволился с работы! На этой неделе я буду лихорадочно выполнять последние требования Думающего , чтобы я мог сосредоточиться на поиске работы. Что именно это значит?..

7 полезных библиотек JavaScript, которые вы должны использовать в своем следующем проекте
Усильте свою разработку JavaScript Есть поговорка «Не нужно изобретать велосипед». Библиотеки — лучший тому пример. Это поможет вам написать сложные и трудоемкие функции простым способом...

Базовое руководство по переносу концепций обучения в глубокое обучение
Обзор По мере того, как машинное обучение становится все более мощным и продвинутым, модели, обеспечивающие эту расширенную возможность, становятся все больше и начинают требовать огромного..

C в C.R.U.D с использованием React-Redux
Если вы использовали React, возможно, вы знакомы с головной болью, связанной с обратным потоком данных. Передача состояния реквизитам от родительских компонентов к дочерним компонентам может..

5 обязательных элементов современного инструмента конвейера данных
В цифровом мире предприятия используют конвейеры данных для перемещения, преобразования и хранения огромных объемов данных. Эти конвейеры составляют основу бизнес-аналитики и играют..

Случай использования npm3 вместо npm2 для разработки библиотеки
Некоторое время назад я создал библиотеку на NodeJS, чтобы упростить рендеринг на стороне сервера и клиента. Он использует React и React Router для отображения соответствующего HTML на веб-сайте...