I have a table that is being populated by firebase database values. When I launch the application, I obtain the following error: Uncaught SyntaxError SyntaxError: The requested module ‘https://www.gstatic.com/firebasejs/9.8.3/firebase-app.js’ does not provide an export named ‘child’ at (program)
Can someone provide a solution
HTML and JS code
JavaScript
x
40
40
1
<script src="./index.js"></script>
2
3
<script type="module">
4
// Import the functions you need from the SDKs you need
5
var id = 0;
6
var tbody = document.getElementById('tbody1');
7
function addItem(First_Name, Last_Name, Password, Phone_Number, Email, Account_Status) {
8
let trow = document.createElement("tr");
9
let td1 = document.createElement('td');
10
let td2 = document.createElement('td');
11
let td3 = document.createElement('td');
12
let td4 = document.createElement('td');
13
let td5 = document.createElement('td');
14
let td6 = document.createElement('td');
15
16
td1.innerHTML = First_Name;
17
td2.innerHTML = Last_Name;
18
td3.innerHTML = Password;
19
td4.innerHTML = Phone_Number;
20
td5.innerHTML = Email;
21
td6.innerHTML = Account_Status;
22
23
trow.appendChild(td1);
24
trow.appendChild(td2);
25
trow.appendChild(td3);
26
trow.appendChild(td4);
27
trow.appendChild(td5);
28
trow.appendChild(td6);
29
30
tbody.appendChild(trow);
31
}
32
33
function AddAllItemsToTable(users) {
34
tbody.innerHTML = "";
35
users.forEach(element => {
36
addItem(element.First_Name, element.Last_Name, element.Password, element.Phone_Number, element.Email, element.Account_Status);
37
});
38
}
39
40
Advertisement
Answer
You’re trying to import the Realtime Database functions from the wrong SDK.
Change the import to:
JavaScript
1
2
1
import { getDatabase, ref, child, get } from "https://www.gstatic.com/firebasejs/9.8.3/firebase-database.js";
2
So firebase-database.js
instead of firebase-app.js
.