【问题标题】:Missing files (404) in Ionic App only in iOS仅在 iOS 中的 Ionic App 中缺少文件 (404)
【发布时间】:2017-08-24 11:04:30
【问题描述】:

我有一个使用 Android 开发的应用。我用 Mac 安装了一个 VM,我正在 iOS 中对其进行测试。该应用程序在 Android 中运行良好,但在 iOS 中却不是。当我使用 'ionic serve' 或 'ionic serve --lab' 时,浏览器显示白屏,在控制台中出现此错误(下图链接):

Console

这是 index.html 中的一些代码:

<link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="lib/ionic/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/bluebird.min.js"></script>
    <script src="lib/ionic/js/ionic.bundle.js"></script>
    <script src="lib/ionic.cloud.min.js"></script>
    <script src="lib/ionic/js/ionic-modal-select.min.js"></script>
    <script src="lib/ionic/js/ionic-toast.js"></script>

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

我真的迷路了,因为完全相同的文件适用于 Android。

【问题讨论】:

  • 您确定可以从运行 MAC 实例的 VM 访问您的外部资源文件吗?也许您正在尝试获取localhost 资源,VM 无法访问...
  • 所有文件都在本地虚拟机中,我没有使用“真实”机器中的任何文件。
  • 您确定包含有效吗?
  • @daan.desmedt 感谢您指出事实上我错过了 lib 文件夹。显然 SVN 的结帐没有下载该文件夹。现在使用 ionic serve 我得到一个空白屏幕,并且控制台中没有错误。

标签: ios angularjs cordova ionic-framework


【解决方案1】:

您发布的是哪个错误,而不是库错误。来自 app.js 文件的错误。如果您不介意创建一个新的 ionic 应用并在新应用中替换您的文件。它将起作用。

【讨论】:

  • 我会试试这个。
  • 好的,我开始了一个空白项目,它可以工作。我复制了 js 文件、css 和 img 文件夹,一切都很好。我复制了模板文件夹。没有错误,但是在我将“”放入索引文件的那一刻,页面变为空白,没有错误。
  • 感觉是路由的问题。
  • :::: 试试这个并确保 ng-app 名称与 app.js 文件中定义的名称相同跨度>
  • 成功了!但我不知道为什么会这样。你能详细说明答案吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-10-07
  • 1970-01-01
  • 2023-03-31
  • 1970-01-01
  • 2019-02-28
相关资源
最近更新 更多