导出firebase.auth后无法导入firebase auth [重复]

Question

在 firebase.js 中初始化 firebase 后，我无法在 App.js 中导入它，“找不到模块：无法解析 'G:\React\Projekty\Reactflix\src\services' 中的 'firebase' ”。我在“^9.0.2”版本中安装了firebase。

这里是 firebase.js：

    import firebase from 'firebase';   
    
    //firebase Config
    const firebaseConfig = {
      apiKey: process.env.REACT_APP_FIREBASE_API_KEY,
      authDomain: process.env.REACT_APP_AUTH_DOMAIN,
      databaseURL: process.env.REACT_APP_DATABASE_URL,
      projectId: process.env.REACT_APP_PROJECT_ID,
      storageBucket: process.env.REACT_APP_STORAGE_BUCKET,
      messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID,
      appId: process.env.REACT_APP_APP_ID,
    };
    
    // Initialize Firebase
    firebase.initializeApp(firebaseConfig)
    export const auth = firebase.auth;

还有我的 App.js

import React, { Component } from 'react';
    import { Route, BrowserRouter as Router, Switch, Redirect } from "react-router-dom";
    
    import Home from './pages/Home';
    import Movies from './pages/Movies';
    import Series from './pages/Series';
    import MyList from './pages/MyList';
    import Signup from './pages/Signup';
    import Login from './pages/Login';
    import Page404 from './pages/Page404';
    import Profile from './pages/Profile';
    import { auth } from './services/firebase'
    
    import './App.css';
    
    function App() {
      return (
        <div className="App">
          Reactflix
        </div>
      );
    }
    
    export default App;

最后的错误信息： firebase_error

代码有问题吗？看起来很适合我...

Answer 1

firebase npm 包docs 说要像这样导入它：

import { initializeApp } from 'firebase/app';