Угловой проект показывает белую страницу после производства - PullRequest
Новая
       8

Угловой проект показывает белую страницу после производства

0 голосов
/ 14 сентября 2018

У меня проблема, которую я действительно надеюсь, что кто-то здесь мог бы исправить ... Я создал угловой проект, и однажды я соберусь, если для производства, используя ng build --prod, Когда я пытаюсь получить доступ к проекту сНа сервере у меня только белая страница, без консольных ошибок.каким-то образом <> app-root> <> app-root /> остается скрытым.Если я добавлю какой-либо тестовый текст в тело страницы, которое будет отображаться ... Я добавлю несколько картинок и кода для большей ясности:

ВЫХОД для ng serve: вывод для ng serve

ВЫХОД после запуска приложения на сервере: вывод для работающего сервера

index.html: 

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Testapp</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="../resources/css/styles.34c57ab7888ec1573f9c.css" th:href="@{/css/styles.34c57ab7888ec1573f9c.css}" rel="stylesheet" />
  <!-- 
<link rel="stylesheet" href="styles.34c57ab7888ec1573f9c.css">
<script type="text/javascript" src="runtime.a66f828dca56eeb90e02.js"></script><script type="text/javascript" src="polyfills.2f4a59095805af02bd79.js"></script><script type="text/javascript" src="main.d6e524e11d43dad9c75a.js"></script></body>
   -->
</head>
<body>
<h1>BEFORE APP ROOT</h1>
  <app-root></app-root>
  <script type="text/javascript" href="../resources/js/runtime.a66f828dca56eeb90e02.js"></script>
  <script type="text/javascript" href="../resources/js/polyfills.2f4a59095805af02bd79.js"></script>
  <script type="text/javascript" href="../resources/js/main.d6e524e11d43dad9c75a.js"></script>
  <h1>AFTER APP ROOT</h1>
  </body>
</html>

что может вызвать это?пожалуйста, прокомментируйте, если вам нужно опубликовать любой другой код / ​​картинки .. Я действительно застрял с этой проблемой

спасибо наизусть

** ОБНОВЛЕНИЕ: я обновил картинки и код для новойУгловой проект, чтобы избежать путаницы

Обновление: update3 еще один снимок экрана после изменения базового href на 

 <base href="/testapp/">

И изображение моего весеннего проекта [в затмении]: структура проекта

1 Ответ

0 голосов
/ 14 сентября 2018

Это потому, что базовая ссылка неверна: 

<base href="/">

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

Измените его на 

<base href="/couponsystem/">
...