未捕获的参考错误:未定义Firebase

Question

未捕获的参考错误:未定义Firebase

Hen*_*Zhu 2 html javascript firebase firebase-realtime-database

我有以下代码我试图用来验证新注册的用户,虽然它甚至无法初始化firebase,弹出这个错误:

未捕获的ReferenceError:未定义firebase

以下是我的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>register</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    <script src='https://cdn.firebase.com/js/client/2.4.2/firebase.js'></script>
</head>
<body>
    <script>
        var config = {
            databaseURL: 'https://apcs-4bfaa.firebaseio.com/'
        };
        firebase.initializeApp(config);

        var ref = new Firebase("https://apcs-4bfaa.firebaseio.com/");

        function registerUser() {
            var email = document.getElementById("email").value;
            var password = document.getElementById("password").value;
            ref.auth().createNewUserWithEmailAndPassword(email, password);
        }
    </script>

    <div class="form">
        <div id="error"></div>
        <form onsubmit="registerUser();">
            <label>Email:</label>
            <input type="text" name="email" id="email"><br>
            <label>Password:</label>
            <input type="password" name="pwd" id="password"><br>
            <input type="submit" value="Sign Up"><br>
        </form>
    </div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Dav*_*ast 8

您的代码在较旧的2.4.2API和3.0SDK 之间混淆.

没有更多的new Firebase()电话.您当前需要使用新的SDK,3.0.3然后配置您的应用程序.

<script src="https://www.gstatic.com/firebasejs/3.0.3/firebase.js"></script>
<script>
  // Initialize Firebase
  var config = {
    apiKey: '<your-api-key>',
    authDomain: '<your-auth-domain>',
    databaseURL: '<your-database-url>',
    storageBucket: '<your-storage-bucket>'
  };
  firebase.initializeApp(config);
</script>

Run Code Online (Sandbox Code Playgroud)

配置完成后,您可以创建引用.

firebase.database().ref()

Run Code Online (Sandbox Code Playgroud)

所以在你的情况下它将是:

<script>
    var config = {
        databaseURL: 'https://apcs-4bfaa.firebaseio.com/'
    };
    firebase.initializeApp(config);

    // new 3.0 SDK method!
    var ref = firebase.database().ref();

    function registerUser() {
        var email = document.getElementById("email").value;
        var password = document.getElementById("password").value;
        firebase.auth().createNewUserWithEmailAndPassword(email, password);
    }
</script>

Run Code Online (Sandbox Code Playgroud)

查看文档以获取更多信息.

归档时间：	9 年，7 月前
查看次数：	3093 次
最近记录：	9 年，7 月前