无法写入实时数据库

我有一个非常简单的网页,我正在尝试使用Firebase进行设置;但由于某种原因,它无法正常工作。

这是index.html代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Welcome to Firebase Hosting</title>

    <!-- update the version number as needed -->
    ......
    <style media="screen">
    ......
    </style>
  </head>
  <body>
    This is a firebase test page.

    <script>
      // App's Firebase configuration
      var firebaseConfig = {
        apiKey: "A.......A",
        authDomain: "myapp-6638jj.firebaseapp.com",
        databaseURL: "https://myapp-6638jj.firebaseio.com",
        projectId: "myapp-6638jj",
        storageBucket: "myapp-6638jj.appspot.com",
        messagingSenderId: "3.....6",
        appId: "1:....:web:.....",
        measurementId: "G-73RX..XES"
      };
      // Initialize Firebase
      firebase.initializeApp(firebaseConfig);
      firebase.analytics();
    </script>

    <script>
      var dbRef = firebase.database().ref('MyList');
      dbRef.set({"field1": "XX-UUU","field2": "yy-EEE"});
    </script>

  </body>
</html>

此外,出于测试目的,我将数据库访问规则设置为:

{
  "rules": {
    ".read": true,
    ".write": true
  }
}

加载页面后,我希望看到一些数据写入了Realtime数据库,但是它完全是空的。

在写这篇文章之前,我当然已经尝试了一些代码变体,但是没有一个奏效。

有人可以看到(或猜测)我做错了什么吗?