I'm trying to use firebase's Firestore database with my small site, and I took their code from https://firebase.google.com/docs/firestore/manage-data/add-data. I first used the configs in a built-in html script, but I moved it to a file. I then added the code, and It gave me
SyntaxError: Unexpected token '{'
at /script.js:19:10
Here's my code:
Html
<body>
<input type="text" placeholder="type something">
<input type="submit">
<script src="script.js" type="module"></script> <!-- This is where my script is. -->
</body>
Javascript (script.js)
// Import the functions you need from the SDKs you need
import { initializeApp } from "https://www.gstatic.com/firebasejs/9.1.3/firebase-app.js";
const firebaseConfig = { //I don't know if these are sensitive, so i'm censoring them.
apiKey: "**",
authDomain: "**",
projectId: "**",
storageBucket: "**",
messagingSenderId: "**",
appId: "**"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
function writeTest() {
import { doc, setDoc, Timestamp } from "firebase/firestore"; //this is where it says the error is.
const docData = { //this is just test data straight from the site
stringExample: "Hello world!",
booleanExample: true,
numberExample: 3.14159265,
dateExample: Timestamp.fromDate(new Date("December 10, 1815")),
arrayExample: [5, true, "hello"],
nullExample: null,
objectExample: {
a: 5,
b: {
nested: "foo"
}
}
};
await setDoc(doc(db, "data", "one"), docData);
}
This is how I set up firestore - different way but it works, so it might help
<script defer src="https://www.gstatic.com/firebasejs/8.6.1/firebase-app.js"></script>
<script defer src="https://www.gstatic.com/firebasejs/8.6.1/firebase-firestore.js"></script>
<script defer src="/firebase-init.js"></script>
"use strict";
const firebaseConfig = {
apiKey: "**",
authDomain: "**",
projectId: "**",
storageBucket: "**",
messagingSenderId: "**",
appId: "**"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
let db = firebase.firestore();
db.collection(collection).doc(docID).get().then(docObj => {}) // read document
db.collection(collection).doc(docId).set(docObj) // write document to db