未捕获的错误：找不到模块 \'firebase\'答案

【问题标题】：Uncaught Error: Cannot find module 'firebase'未捕获的错误：找不到模块 \'firebase\'
【发布时间】：2022-10-25 10:40:57
【问题描述】：

fire.js 文件

import firebase from 'firebase';
const firebaseConfig = {
apiKey: "AIzaSyCAXvS25TnYA3qliFTP5vNUl4hU0Ilwv2U",
authDomain: "react-firebase-auth-signup.firebaseapp.com",
projectId: "react-firebase-auth-signup",
storageBucket: "react-firebase-auth-signup.appspot.com",
messagingSenderId: "912198243014",
appId: "1:912198243014:web:bd683a011865825259fdc7"


}const fire= firebase.initialApp(firebaseConfig);
export default fire;

应用程序.js 文件

import React,{Component} from 'react';
import './App.css';
import fire from './config/fire';
import Home from './Home';
import Logup from './Logup';
class App extends Component{
constructor(props){
super(props);
this.state={
  user:{}
}`}`
componentDidMount(){
this.authListener();
}authListener(){
  fire.auth().onAuthStateChanged((user)=>{
    if(user){
      this.setState({user})
    }
    else{
      this.setState({user:null})
    }
  })

}


render(){
return (
  <div className="App">
    <h1>Hello world</h1>
    {this.state.user?(<Home/>):(<Logup/>)}
    console.log(firebase.default.auth)
  </div>
);


}
}

export default App;

## Error ##

编译时出现问题：X

./src/config/fire.js 3:0-32 中的错误

未找到模块：错误：包路径。未从包 D:\myprojects\firebase projects\Signin-signup-form\signin-up\node_modules\firebase 导出（请参阅 D:\myprojects\firebase projects\Signin-signup-form\signin-up\node_modules 中的导出字段\firebase\package.json)

【问题讨论】：

您的fire.js 有错字。尝试将firebase.initialApp 更改为firebase.initializeApp
你在用什么？ Firebase v8 还是 v9？
火力基地版本：v9
我正在尝试将 firebase.initialApp 更改为 firebase.initializeApp。它显示相同的错误

标签： reactjs firebase

【解决方案1】：

确保获得最新的 firebase 模块：

npm i firebase@latest

对于 v9，使用以下代码：

import { initializeApp } from "firebase/app";
import { getAuth, onAuthStateChanged } from "firebase/auth";

const firebaseConfig = { 
// your-config 
};

const fire = initializeApp(firebaseConfig);

export default fire;

要获取auth，请使用以下代码：

const auth = getAuth(fire);
onAuthStateChanged(auth, user => {
  // Check for user status
});

有关使用 Firebase v9 的更多信息，您可以查看此documentation。

【讨论】：

【解决方案2】：

npm i firebase@latest

和从“firebase/compat/app”导入 firebase；

【讨论】：