2015-03-28 2 views
4

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

Я получаю адрес: локальный: 8100 /, но это действительно должно быть локальный: 8100/#/приложение/сессии

В отчете журнала консоли нет ошибок ни чистый журнал. Это исходный код страницы 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; Я попытался загрузить все угловые и ионные модули, но безуспешно. Есть ли у вас какие-либо предложения?

+1

типа 'ионные служат -c' сваливать журналы консоли, чтобы увидеть, если есть ошибка, и вы могли бы открыть консоль в отладчике браузеров, чтобы искать ошибки –

+0

Вы не должны включать в себя угловым вручную, если вы включите ionic.bundle.js. – matcauthon

+0

Можете ли вы попробовать использовать инструменты разработчика, доступные в браузере, скорее всего, вы увидите там ошибки llogs, из-за которых ионная подача показывает вам пустую страницу. – Dhana

ответ

0

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

"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.** 

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

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

Я установил всю версию 1.3.15, и все работает как шарм.

0

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

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

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

Original solution here

Смежные вопросы