how to solve 'SyntaxError: Cannot use import statement outside a module'

Question

in my script.js

import { initializeApp } from "https://www.gstatic.com/firebasejs/9.4.1/firebase-app.js";
 import { getDatabase, ref, set, child, get } from "https://www.gstatic.com/firebasejs/9.4.1/firebase-database.js";


 // Initialize Firebase
 const app = initializeApp(firebaseConfig);
 const db = getDatabase(app);
 const dbRef = ref(db);

is showing error SyntaxError: Cannot use import statement outside a module how do I solve this

There *has* to be a good dupetarget for this but I'm struggling to find it... — T.J. Crowder, Nov 19 '21 at 07:51

score 1 · Accepted Answer · answered Nov 19 '21 at 07:50

It sounds like you're using import in a script, not a module. The distinction is in how the environment was told to load the file.

In a browser, you need type="module" on the script tag:

<script src="./script.js" type="module"></script>

how to solve 'SyntaxError: Cannot use import statement outside a module'

1 Answers1