ReferenceError:未定义Parse

时间:2015-12-16 14:46:34

标签: javascript jquery parse-platform

我使用Parse.com JS App收到此错误:

  

ReferenceError:未定义Parse。

我真的不知道为什么。一切看起来都很好。文件正确链接;我已经检查了几次。是不是真的,我必须把自己的JS放在Parse之下,它应该有效吗?这就是我在这里读到的内容:Github Project 我使用带有纹波扩展的Chrome。我通过cordova serve

提供应用

任何帮助非常感谢!

这是index.html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <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, target-densitydpi=device-dpi" />
    <link rel="stylesheet" type="text/css" href="../css/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css" />
    <title>Zone</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.parsecdn.com/js/parse-latest.js"></script>
    <script type="text/javascript" src="../js/main.js"></script>
</head>

<body>
    <img src="../img/site-logo.png" rel="external" class="logo">
    <!-- <div class="site-menu">
        <i class="fa fa-angle-double-left"></i><p class="title"></p><i></i>
    </div> -->
    <a href="#"><img src="img/suche.jpg" class="icon"></a>
    <a href="#"><img src="img/essentrinken.jpg" class="icon"></a>
    <a href="#"><img src="img/einkaufen.jpg" class="icon"></a>
    <a href="#"><img src="img/kultur.jpg" class="icon"></a>
    <a href="#"><img src="img/dienstleistungen.jpg" class="icon"></a>
    <a href="#"><img src="img/nuetzlich.jpg" class="icon"></a>
    <a href="#"><img src="img/nummern.jpg" class="icon"></a>
    <a href="#"><img src="img/sport.jpg" class="icon"></a>
    <a href="#"><img src="img/verwaltung.jpg" class="icon"></a>
    <a href="#"><img src="img/hotel.jpg" class="icon"></a>
    <a href="#"><img src="img/neuzuzuger.jpg" class="icon"></a>

    <div class="adad"></div>

    <script type="text/javascript" src="../cordova.js"></script>
    <script type="text/javascript" src="../js/index.js"></script>
    <script type="text/javascript">
        app.initialize();
    </script>
</body>
</html>

这里是JS文件。

$(document).ready(function () {
    Parse.initialize("", "");

    var Ad = Parse.Object.extend("Ads");
    function getPosts() {
        var query = new Parse.Query(Ad);
        query.find({
            success: function (results) {
                console.log("hello");
                var output = "";

                for (var i in results) {
                    var name = results[i].get("location");

                    if (name == 10) {
                        output += "<img src = '" + imageurl + "' class='media-object' height='60' width='100'>"
                    }
                }

                $("#adad").html(output);
                console.log(output);
            },
            error: function (error) {
                console.log("Query error:" + error.message);
            }
        });
    }
    getPosts();
});

3 个答案:

答案 0 :(得分:2)

对不起,我没有使用Cordova的经验,但总的来说,我发现这些问题是由文件的实时重新加载或异步加载引起的,这可能是由cordova / gulp /引起的的NodeJS。

也许您应该使用Parse quick start guidevar Parse = require('parse');

上显示的require语句

当我在jsfiddle中尝试你的html和javascript时,它才有用,所以它应该与你在本地&#34; webserver&#34;中加载js文件的顺序有关。

答案 1 :(得分:0)

问题可能是没有找到解析CDN,即。下载SDK并自行托管

答案 2 :(得分:0)

刚遇到同样的问题。您很可能错过了对parse.min.js的引用。

引用通常位于标题内的index.html文件中:

<html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
        <meta http-equiv="Content-Security-Policy"/>
        <script type="text/javascript" src="cordova.js"></script>

        <! ---- LOOK HERE --------->
        <script src="js/parse.min.js"></script>
        <! ---- LOOK HERE --------->

        <link rel="stylesheet" type="text/css" href="css/one.css" />
        <title>Title</title>
    </head>
    <body>
        <div id="app"></div>
    </body>
</html>