未捕获的ReferenceError:在MobileFirst Migrated应用程序中未定义WL

时间:2016-07-22 16:55:58

标签: ibm-mobilefirst mobilefirst-server

我正在将MFP应用从V7.1迁移到V8.0。我运行了迁移工具并创建了cordova项目,然后将我的代码从MFP V7.1项目的 common 目录迁移到新创建的cordova项目的 www 。我做了this页面中提到的更改。我在服务器上注册我的应用程序,然后mfpdev app pullmfpdev app push然后执行cordova准备,然后使用' mfpdev应用程序预览'运行应用预览。当应用程序在浏览器上打开时,我收到以下错误:

http://localhost:10081/android/assets/www/worklight/worklight.css Failed to load resource: the server responded with a status of 404 (Not Found)
AuthRealmChallangeProcesser.js:7 Uncaught ReferenceError: WL is not defined
jquery-2.1.1.js:8554 Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.
browser-sync-client.2.11.1.js:129 Uncaught TypeError: Cannot read property 'data1469206076574' of null
http://localhost:10081/android/assets/www/cordova.js Failed to load resource: the server responded with a status of 404 (Not Found)_mbs_cordova_sim_load_js @ cordova.js:2198
cordova.js:1186 Channel not fired: onPluginsReady
cordova.js:1186 Channel not fired: onCordovaReady

以下是脚本标记中index.html文件中引用的文件:

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="worklight/worklight.css">
    <link rel="stylesheet" href="css/main.css">
    <script type="text/javascript" src="cordova.js"></script>
    <script src="jqueryMobile/jquery-2.1.1.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=mykey"></script>
    <title>My App</title>
    <script src="jqueryMobile/jquery.mobile-1.4.2.js"></script>
    <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
    <link rel="stylesheet" href="css/themes/jBlue/jBlue.css" />
    <link rel="stylesheet" href="css/themes/jBlue/jquery.mobile.icons.min.css">
    <link rel="stylesheet" href="jqueryMobile/jquery.mobile.structure-1.4.2.css" />
    <!-- Uncomment Below for default theme and change data-theme to "a"-->
    <link rel="stylesheet" href="jqueryMobile/jquery.mobile-1.4.2.css" />
    <script src="js/AuthRealmChallangeProcesser.js"></script>

1 个答案:

答案 0 :(得分:1)

  

我在服务器上注册我的应用程序,然后执行mfpdev app pull和mfpdev app push

如果服务器上有现有的配置(拉)并在其他地方使用(推送),则只执行mfpdev app pull/push。它与将Hybrid应用程序迁移到Cordova应用程序无关。

  

http://localhost:10081/android/assets/www/worklight/worklight.css无法加载资源:服务器响应状态为404(未找到)

从错误中看起来你指的是一个不存在的文件。仔细检查它实际上是否存在。

  

http://localhost:10081/android/assets/www/cordova.js无法加载资源:服务器响应状态为404(未找到)_mbs_cordova_sim_load_js @ cordova.js:2198

你也复制过这个文件吗?你不应该。您应该只在index.html文件中引用它。科尔多瓦负责这件事。

您也没有指定是否已遵循其他剩余步骤,例如步骤3.2。这里提到:https://mobilefirstplatform.ibmcloud.com/tutorials/en/foundation/8.0/migration-cookbook/#migrating-applications