Cordova项目适用于浏览器,但不适用于android

时间:2016-05-04 00:55:53

标签: android cordova

我有一个奇怪的问题,我在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>

enter image description here

2 个答案:

答案 0 :(得分:4)

对于对未来感兴趣的人,我解决了这个问题,因为我在我的应用中使用了角度2,我定义为您可以在我的代码片段中看到我的应用的基本网址:

  <base href="/">

这会搞乱cordova,应删除android / ios应用程序。

答案 1 :(得分: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>

请参阅屏幕截图以获得更清晰

enter image description here