Ионная подача приводит к пустой странице

Недавно я наткнулся на досадную проблему и не могу понять, в чем может быть причина. Я работаю над ионным гибридным приложением, и со вчерашнего дня все работает нормально: я смог развернуть его на своем телефоне Android, я мог отлаживать его в своем браузере. Сегодня я открываю свой проект, запускаю ionic serve, и браузер встречает меня пустым экраном.

Я получаю адрес: localhost:8100/, но на самом деле это должно быть localhost:8100/#/app/sessions

Журнал консоли не сообщает об ошибках ни в сетевом журнале. Это исходный код страницы index.html:

    <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <title></title>

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above
    <link href="css/ionic.app.css" rel="stylesheet">
    -->

    <!-- ionic/angularjs js -->
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="lib/angular/angular.min.js"></script>

    <!-- cordova script (this will be a 404 during development) -->
    <script src="cordova.js"></script>

    <!-- your app's js -->
    <script src="js/app.js"></script>
    <script src="js/controllers.js"></script>
    <script src="js/services.js"></script>
  </head>

  <body ng-app="starter">
    <ion-nav-view></ion-nav-view>
  </body>
</html>

Я попытался начать новый ионный проект, но результат тот же: я получаю пустую страницу. Я установил адрес ionic serve на localhost; Я пытался загрузить все угловые и ионные модули, но безрезультатно. Есть ли у вас какие-либо предложения?


ionic
person OneZeroOne    schedule 28.03.2015    source источник
comment
введите ionic serve -c, чтобы вывести журналы консоли, чтобы увидеть, есть ли ошибка, также вы можете открыть консоль в отладчике браузера, чтобы найти ошибки   -  person Aaron Saunders    schedule 28.03.2015
comment
Вам не нужно включать angular вручную, если вы включаете ionic.bundle.js.   -  person matcauthon    schedule 21.05.2015
comment
Не могли бы вы попробовать использовать инструменты разработчика, доступные в браузере, скорее всего, вы увидите там журналы ошибок, из-за которых ионная подача показывает вам пустую страницу.   -  person Dhana    schedule 19.03.2017
comment
могу я увидеть ваш app.js?   -  person VLR    schedule 16.05.2017

Ответы (2)


arrow_upward
0
arrow_downward

При ближайшем рассмотрении я обнаружил эту ошибку (я просмотрел журнал):

"Error: [$injector:modulerr] Failed to instantiate module starter due to:
[$injector:modulerr] Failed to instantiate module starter.controllers due to:
[$injector:modulerr] Failed to instantiate module starter.services due to:
[$injector:modulerr] Failed to instantiate module ngResource due to:

**[$injector:nomod] Module 'ngResource' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.**

Я не совсем понял, почему, но angular не смог найти модуль ngResource. Быстрая проверка показала мне, что орфография не была настоящей проблемой.

По какой-то причине (по которой я все еще расследую) публикация приложения уничтожила angular-resource.js, и в полученном .min отсутствовал код. В любом случае, когда я пытался перезагрузить все это, я загружал ngResource версии 1.3.15 и angular.js версии 1.3.14, из-за чего они не работали. Итак, я провалил Информатику 101: «всегда проверяйте версии».

Я установил для всех версию 1.3.15, и все работает как часы.

person OneZeroOne    schedule 30.03.2015

arrow_upward
0
arrow_downward

Что бы это ни стоило, у нас была очень похожая проблема: ionic serve -c не имел негативного поведения, не выдавал ошибок, просто загружал пустой экран.

Проблема в нашем случае заключалась в том, что был "!" полный путь к рабочему каталогу.

Изменение рабочего каталога на путь без "!" решил эту проблему.

Оригинальное решение здесь

person swhitman    schedule 22.08.2017