Hei kaverit, mitä kuuluu? Toivottavasti olette kaikki kunnossa. Tänään otan Firebasen käyttöön sovelluksessani, mutta kohtaan seuraavan virheen Tuontivirheyritys: ”firebase/app” ei sisällä oletusvientiä (tuotu nimellä ”firebase”) sisään ReactJs. Joten tässä selitän sinulle kaikki mahdolliset ratkaisut täällä.

Haaskaamatta aikaasi, aloitetaan tämä artikkeli tämän virheen ratkaisemiseksi.

Miten yritettiin tuontivirhe: ’firebase/app’ ei sisällä oletusvientiä (tuotu nimellä ’firebase’) Virhe esiintyy?

Tänään otan Firebasen käyttöön sovelluksessani, mutta kohtaan seuraavan virheen.

./src/firebase.js Attempted import error: 'firebase/app' does not contain a default export (imported as 'firebase').

Tässä on minun koodini.

import firebase from "firebase/app";
import "firebase/auth";

Kuinka ratkaista yritetty tuontivirhe: ’firebase/app’ ei sisällä oletusvientiä (tuotu nimellä ’firebase’) Virhe ?

  1. Kuinka ratkaista yritetty tuontivirhe: ’firebase/app’ ei sisällä oletusvientiä (tuotu nimellä ’firebase’) Virhe?

    Ratkaise yritetty tuontivirhe: ’firebase/app’ ei sisällä oletusvientiä (tuotu nimellä ’firebase’) Virhe Jos käytät versiota 9, älä unohda, että Firebasen tuonnissa on tapahtunut jonkin verran muutoksia. compatibility joten voit käyttää /compat-kansiota tuonnissasi. Tässä on esimerkki Korvaa tämä rivi. tuo Firebase mistä firebase/app; Tällä tuoda Firebase osoitteesta ”firebase/compat/app”; Toinen ratkaisu on Jos kohtaat tämän virheen, päivitä vain johonkin Firebase-versiosta, joka on vanhempi kuin v9.

  2. Tuontivirheyritys: ”firebase/app” ei sisällä oletusvientiä (tuotu nimellä ”firebase”)

    Ratkaise yritetty tuontivirhe: ’firebase/app’ ei sisällä oletusvientiä (tuotu nimellä ’firebase’) Virhe Jos käytät versiota 9, älä unohda, että Firebasen tuonnissa on tapahtunut jonkin verran muutoksia. compatibility joten voit käyttää /compat-kansiota tuonnissasi. Tässä on esimerkki Korvaa tämä rivi. tuo Firebase mistä firebase/app; Tällä tuoda Firebase osoitteesta ”firebase/compat/app”; Toinen ratkaisu on Jos kohtaat tämän virheen, päivitä vain johonkin Firebase-versiosta, joka on vanhempi kuin v9.

Ratkaisu 1: käytä /compat-kansiota tuonnissa

Jos käytät versiota 9, älä unohda, että asiat muuttuivat hieman Firebasen tuonnissa. Nyt on olemassa compatibility joten voi käyttää /compat kansio tuontiisi. Tässä on esimerkki.

Korvaa tämä rivi.

import firebase from "firebase/app";

Tämän kanssa.

import firebase from 'firebase/compat/app';

Tässä on esimerkki, jota on muutettu versiossa 9

//to use firebase app
import firebase from 'firebase/app'; //older version
import firebase from 'firebase/compat/app'; //v9

//to use auth
import 'firebase/auth'; //older version
import 'firebase/compat/auth'; //v9

//to use firestore
import 'firebase/firestore'; //Older Version
import 'firebase/compat/firestore'; //v9

Ratkaisu 2: Päivitä Firebase-versio vanhemmaksi

Jos kohtaat tämän virheen, päivitä vain johonkin Firebase-versiosta, joka on vanhempi kuin v9.

Ratkaisu 3: luo Firebase-sovellusobjekti kuten alla oleva esimerkki

  1. Asenna Firebase npm:n avulla.
  2. npm asentaa firebase
  3. Alusta Firebase sovelluksessasi ja luo Firebase-sovellusobjekti alla olevan esimerkin mukaisesti.
import { initializeApp } from 'firebase/app';

// TODO: Replace the following with your app's Firebase project
configuration const firebaseConfig = {   //... };

const app = initializeApp(firebaseConfig);

Kesäinen

Kaikki on tästä aiheesta. Toivottavasti kaikki ratkaisut auttoivat sinua paljon. Kommentoi alle ajatuksesi ja kysymyksesi. Kommentoi myös alle mikä ratkaisu toimi sinulle?