Javascript PhoneGap不在手机上显示页面

我正在尝试使用PhoneGap build部署移动Web应用程序。webapp通过Docker运行，前端使用HTML、CSS和JS，后端连接到Python、Apache和SQL服务器，通过Docker运行

作为一个网站，它可以正常工作，并在移动web浏览器上正确显示。但是，当我尝试使用phonegap build打包应用程序时，它只显示index.html页面

我认为这可能是我为我的webapp设置的模型视图控制器的问题（因此在1个页面中加载多个页面）

页面如下所示：

downloadTemplate (templateName, downloadCallback)
    {
        var that = this;
        var url = window.location.href+"/views/"+templateName+"/"+templateName+".html";

        var url = cordova.file.applicationDirectory+"/views/"+templateName+"/"+templateName+".html";

        var header = document.getElementById("header-label");
        header.value = url;
        header.innerHTML = header.value;

        var xhr = new XMLHttpRequest();

        console.log("url: " + url);

        xhr.onload = function()
        {
            var el = document.createElement( 'html' );
            el.innerHTML = xhr.responseText;

            //get body
            el = el.getElementsByTagName("body")[0];
            //console.log("el: " + el);

            //store the template
            that.cache[templateName] = el;
            that.successCount++;

            if (that.isDone())
            {
                downloadCallback();
            }
        };

        xhr.onerror = function()
        {
            that.errorCount++;

            if (that.isDone())
            {
                downloadCallback();
            }
        };

        xhr.open("GET", url);
        xhr.send();
    }

第一个var-url对网站很好，正如您所看到的，我正在尝试使用cordova插件复制href（在构建应用程序时提供）

令我失望的是，使用phonegap构建无法实现这一点。然而，我下载了phonegap desktop，将我的代码放入www文件夹，并且我能够使用它提供的浏览器平台使其工作

因此，它可以通过浏览器在模拟构建体验上显示，但在android或iOS上都没有。然而，由于某种原因，当我同时连接到docker python websocket（需要它来获取用户配置文件等的数据）时，网站会停止运行，变得不可用。JS的许多功能似乎也没用/不工作/没有连接

我浏览了phonegap上的每一页文档/文章，还有更多关于爱奥尼亚、科尔多瓦、stack、youtube和各种小型网站的文档/文章，但没有找到任何帮助。甚至没有多页项目的例子可以帮助我重构我的项目

下面是我的index.html（省略了大部分js和css文件，但示例仍然存在）：

PGA.initialize（）；
应用程序名称
运动艇

选项：
注销
待决
获取请求
返回
下载

标题
记录
X

这是我的配置文件：

应用程序名称
电话缺口应用程序。
我的名字

phonegap提供的weinre调试器能够检测html元素，但不显示其他内容

如果任何人都有一个Git示例，说明一个包含多个html页面的完整项目是如何工作的，这将非常有用（特别是当它连接到外部服务器进行数据管理时）

编辑

我通过更改以下内容将页面加载到设备上：

var url=cordova.file.applicationDirectory+“www/views/”+templateName+“/”+templateName+“.html”

---

但是，与浏览器一样，页面缺少所有功能

该文件被编译到一个目录中，该目录表示包含config.xml文件的文件夹

您可以使用以下方式访问此文件夹：

cordova.file.applicationDirectory

返回一个字符串。www文件夹的内容是：

cordova.file.applicationDirectory + "www/" + {what you're looking for}

此外，请确保遵循PhoneGap文档中列出的CLI项目应用程序结构：

至于冻结问题，它只是开始随机工作，从那以后我一直无法复制它