Cordova項目可在瀏覽器上工作，但不能在android中

Question

我遇到一個奇怪的問題，我在Android上的cordova應用程序無法加載js / css文件，如果我在瀏覽器中運行該文件，則不會。

從遠程調試中，我收到以下錯誤消息： file:///css/all.css Failed to load resource: net::ERR_FILE_NOT_FOUND file:///js/shims.js Failed to load resource: net::ERR_FILE_NOT_FOUND file:///js/app.js Failed to load resource: net::ERR_FILE_NOT_FOUND

這是我的項目結構

config.xml
www
   js
     jsFiles
   css
     cssFiles
   app
      more html files
   index.html

我的index.html文件如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta name="format-detection" content="telephone=no">
  <meta name="msapplication-tap-highlight" content="no">
  <meta name="viewport"
        content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">

  <base href="/">
  <meta charset="utf-8">
  <title>My App</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="/css/all.css">
</head>
<body>

  <sd-app>Loading...</sd-app>

  <script>
  if (!Object.hasOwnProperty('name')) {
    Object.defineProperty(Function.prototype, 'name', {
      get: function() {
        var matches = this.toString().match(/^\s*function\s*((?![0-9])[a-zA-Z0-9_$]*)\s*\(/);
        var name = matches && matches.length > 1 ? matches[1] : "";

        Object.defineProperty(this, 'name', {value: name});
        return name;
      }
    });
  }
  </script>

  <script>
  // Fixes undefined module function in SystemJS bundle
  function module() {}
  </script>

  <script src="./js/shims.js"></script>
  <script src="./js/app.js"></script>

</body>
</html>

Answer 1

對於任何對未來感興趣的人，我都解決了這個問題，因為我在應用程序中使用angular 2，因此我定義了代碼片段，就像我在代碼段中看到的那樣，是我應用程序的基本網址：

  <base href="/">

這在cordova中成為問題，對於Android / iOS應用應刪除。

Answer 2

如果css和js文件夾與index.html處於同一級別，則應這樣鏈接它們：-

<link href="css/android/prelogin.css" rel="stylesheet">
<script type="text/javascript" src="cordova.js"></script>
<script src="scripts/lib/jquery/jquery.1.9.1.js"></script>
<script src="scripts/lib/jquery/jquery.mobile-1.3.2.js"></script>

請參閱屏幕截圖以更清晰

Cordova項目可在瀏覽器上工作，但不能在android中

問題描述

2 個解決方案

解決方案1
4 已采納 2016-05-04 20:16:21

解決方案2
2 2016-05-04 05:53:44

Cordova項目可在瀏覽器上工作，但不能在android中

問題描述

2 個解決方案

解決方案1 4 已采納 2016-05-04 20:16:21

解決方案2 2 2016-05-04 05:53:44

解決方案1
4 已采納 2016-05-04 20:16:21

解決方案2
2 2016-05-04 05:53:44