在真实设备上测试应用程序时,Ionic会出现空白屏幕

时间:2015-03-06 09:42:36

标签: ionic-framework ionic

我的Ionic App Project中有这个app.js代码。 它在启动时给我一个空白屏幕,但只有在真实设备上测试时! 当我使用'离子服务'在浏览器上测试应用程序它工作正常!

angular.module('orderApp', ['ionic'])
.config(function($stateProvider, $urlRouterProvider) {

    // Ionic uses AngularUI Router which uses the concept of states
    // Learn more here: https://github.com/angular-ui/ui-router
    // Set up the various states which the app can be in.
    // Each state's controller can be found in controllers.js
    //$stateProvide is like routeprovider in classic angularjs
    //It controlls the pages
    $stateProvider

    .state('categories', {
        cache: false,
        url: "/categories",
        templateUrl: "/templates/pages/categories/index.html",
        controller: "CategoriesIndexController"
    });

    // if none of the above states are matched, use this as the fallback
    $urlRouterProvider.otherwise('/categories');

});

2 个答案:

答案 0 :(得分:0)

这个问题困扰了我很多!

对于离子或angularjs中的 $ stateProvider ,原来是一个奇怪的问题。 .state中的templateUrl参数在开头不应该有斜杠。尽管浏览器可以容忍这种情况,但实际设备内部并不容忍这种情况。

中删除第一个斜杠之后

templateUrl:“/ templates / pages / products / index.html”,

并将其转换为:

templateUrl:“templates / pages / products / index.html”,

在每个.state中,一切都在真实设备上运行良好!

答案 1 :(得分:0)

对我来说,这是一个带有大写字母的源js文件,它在index.html中导入小写。浏览器仿真可以正常工作。如果使用-lc选项安装,Android版本在设备上也可以正常工作。空白屏幕仅在独立安装时显示在ios / android设备中(没有监视项目文件)。