Разработка ионных приложений - проблема белого экрана смерти

Question

Я только начал изучать Ionic и Angular.

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

Я могу загрузить приложение и увидеть данные, относящиеся к спискам воспроизведения, но после интеграции Angular ngResource для извлечения данных в реальном времени, относящихся к сеансам, - вызывая Rest API, упомянутый в руководстве, я не могу загрузить приложение в браузере (появляется пустой белый экран).

Вы можете сослаться на код приложения с моими изменениями здесь:

https://github.com/bhushanbaviskar/Angular-Ionic.git

Благодарю.

Answer 1

Вы пропускаете хотя бы включение ngResource и starter.services к вашему приложению в вашем app.js вот так:

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services', 'ngResource'])

Тогда в вашем index.html у вас есть много опечаток, вы должны заменить эти части с кодом ниже:

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

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

<!-- Angular ngReource-->
<script src="lib/ionic/js/angular/angular-resource.min.js"></script>

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

Был ngResource <script type=""> должно быть src="", а также в services.js была опечатка servcies.js который должен быть services.js. Services.js также был объявлен type и должны быть изменены на SRC.