Question

我正在尝试从Cordova GooglePlus开始使用该教程。在过去的3天里，我还没有花大约16个小时来完成这个工作，因此我对stackoverflow，google和github进行了梳理，尽管我取得了不错的成绩，但我仍然遇到未捕获的类型错误。看来我没有正确引用GooglePlus.js中的功能。任何提示将不胜感激。这是我创建的apk，它给出了相同的错误App.apk

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <script type="text/javascript" src="cordova.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
    <script type="text/javascript" src="plugins/cordova-plugin-googleplus/www/GooglePlus.js"></script>
    <title>Hello World</title>
    <script type="text/javascript">
      app.initialize();
      function onLoad() {
            document.addEventListener("deviceready", onDeviceReady, false);
        }
      function isAvailable() {
        window.plugins.googleplus.isAvailable(function(avail) {alert(avail)});
      }
      function login() {
        window.plugins.googleplus.login(
            {},
            function (obj) {
              document.querySelector("#image").src = obj.imageUrl;
              document.querySelector("#image").style.visibility = 'visible';
              document.querySelector("#feedback").innerHTML = "Hi, " + obj.displayName + ", " + obj.email;
            },
            function (msg) {
              document.querySelector("#feedback").innerHTML = "error: " + msg;
            }
        );
      }
      function trySilentLogin() {
        window.plugins.googleplus.trySilentLogin(
            {},
            function (obj) {
              document.querySelector("#image").src = obj.imageUrl;
              document.querySelector("#image").style.visibility = 'visible';
              document.querySelector("#feedback").innerHTML = "Silent hi, " + obj.displayName + ", " + obj.email;
            },
            function (msg) {
              document.querySelector("#feedback").innerHTML = "error: " + msg;
            }
        );
      }
      function logout() {
        window.plugins.googleplus.logout(
            function (msg) {
              document.querySelector("#image").style.visibility = 'hidden';
              document.querySelector("#feedback").innerHTML = msg;
            },
            function (msg) {
              document.querySelector("#feedback").innerHTML = msg;
            }
        );
      }
      function disconnect() {
        window.plugins.googleplus.disconnect(
            function (msg) {
              document.querySelector("#image").style.visibility = 'hidden';
              document.querySelector("#feedback").innerHTML = msg;
            },
            function (msg) {
              document.querySelector("#feedback").innerHTML = msg;
            }
        );
      }
      window.onerror = function(what, line, file) {
        alert(what + '; ' + line + '; ' + file);
      };
      function handleOpenURL (url) {
        document.querySelector("#feedback").innerHTML = "App was opened by URL: " + url;
      }
</script>
</head>
<body onload="onLoad">
<div class="app">
    <img id="image" style="position:absolute; top:10px; left:10px" src="" />

    <h1>Google+</h1>

    <div id="deviceready" class="blink">
        <p class="event listening">Connecting to Device</p>
        <p class="event received">Device is Ready</p>

        <p id="feedback">not logged in</p>
        <button onclick="isAvailable()">Available?</button>
        <br/><br/>
        <button onclick="login()">Login with Google+</button>
        <br/><br/>
        <button onclick="trySilentLogin()">Try silent login with Google+</button>
        <br/><br/>
        <button onclick="logout()">Logout</button>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <button onclick="disconnect()">Disconnect</button>
        <br/><br/>
        <button onclick="window.plugins.googleplus.getSigningCertificateFingerprint(function(res){alert(res)}, function(res){alert(res)})">get cert fingerprint (Android)</button>
    </div>
</div>
</body>
</html>

Answer 1

乍一看，您似乎在链中缺少标识符。

您的isAvailable（）函数：

window.plugins.isAvailable(...);

vs仓库：

window.plugins.googleplus.isAvailable(...);

您代码中的脚本具有相对路径，所以我无法对其进行测试，但是googleplus存在于您代码的其他位置，特别是作为window.plugins的属性，因此我猜这就是罪魁祸首。

未捕获的TypeError：无法读取未定义的属性“ isAvailable”；

1 个答案: