Vatsal A Mehta
Vatsal A Mehta

Reputation: 430

Why getting Uncaught TypeError: Failed to resolve module specifier "firebase". Relative references must start with either "/", "./", or "../"?

I have shifted my code from v8 to v9 version with modular code,but I am getting this error inspite of having installed the rollup package. My JS Code:

<script type="module">
      // TODO: Add SDKs for Firebase products that you want to use
      // https://firebase.google.com/docs/web/setup#available-libraries
      import firebase from 'firebase';
      import { initializeApp } from "firebase/app"
      import { getAuth, onAuthStateChanged } from "firebase/auth";
      import { getDatabase } from "firebase/database"
      // Your web app's Firebase configuration
      const firebaseConfig = {
      //app config
      };

      // Initialize Firebase
      const firebaseApp = initializeApp(firebaseConfig);
      const db = getDatabase(firebaseApp);
      const auth = getAuth(firebaseApp);
    </script>

The error I am getting: Uncaught TypeError: Failed to resolve module specifier "firebase". Relative references must start with either "/", "./", or "../"

I have spent considerable time but unable to find the issue.

Upvotes: 0

Views: 804

Answers (2)

Hyunjin Cho
Hyunjin Cho

Reputation: 28

I also had a similar error. I solved this error like this.

import { initializeApp } from 'https://www.gstatic.com/firebasejs/9.6.3/firebase-app.js'
import { getAuth } from 'https://www.gstatic.com/firebasejs/9.6.3/firebase-auth.js'

I think you can use those URL.

I am not sure this is the proper way.

Upvotes: 1

aj griffin
aj griffin

Reputation: 101

As far as I understand a big part of firebase 9 is that you no longer need to import the entire firebase, and can now just import whatever modules you need.

You therefore do not need to

import firebase from 'firebase';

Try not importing "firebase" and see what happens

Upvotes: 1

Related Questions