Question

我最近偶然发现了一个烦人的问题，无法弄清楚原因是什么。我正在研究离子混合应用程序，从昨天起一切正常：我能够在我的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;我，我试图加载所有角度和离子模块但无济于事。你有什么建议吗？

Answer 1

仔细观察后，我发现了这个错误（我已经浏览了日志）：

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

我不确定为什么但是角度没有找到ngResource模块。快速检查显示拼写不是真正的问题。

出于某种原因（在我还在调查的时候）发布应用程序销毁了angular-resource.js，结果.min缺乏代码。无论如何，当我试图重新加载整个东西时，我正在加载ngResource版本1.3.15和angular.js版本1.3.14，使它们无法正常工作。所以，我失败了计算机科学101：“总是检查版本。”

我已将所有版本设置为1.3.15，并且所有版本都像魅力一样。

Answer 2

对于它的价值，我们遇到了一个非常类似的问题：ionic serve -c没有负面行为，没有错误输出，只是加载了一个空白屏幕。

我们的案例中存在的问题是“！”在工作目录的完整路径中。

将工作目录更改为没有“！”的路径解决了这个问题。

Original solution here

离子服务导致空白页面

2 个答案: