Question

尝试登录时出现此错误，请问有人可以帮忙

未处理的拒绝（TypeError）：firebase__WEBPACK_IMPORTED_MODULE_1 ___ default.a.signInWithEmailAndPassword不是函数

import React, { useState } from 'react'
import auth  from '../node_modules/firebase';

const Login = () => {
    const [username, setUsername ] = useState('');
    const [password, setPassword ] = useState('');
    
     const handleLogin = async () => {
        
          const response = await auth.signInWithEmailAndPassword(
            username,
            password
          );
    
          const { user } = response;
    
        }

        const handleUsername = event => {
            setUsername(event.target.value)
        }

        const handlePassword = event => {
            setPassword(event.target.value)
        }
        return(
            <div>
                <div className="container col-md-4 col-sm-10 mt-5">
                  <div class="card shadow">
                      <form className="container mt-4" >
                         <div class="form-group">
                          <input type="email" class="form-control" 
                           placeholder="Email"  onChange={handleUsername}/>
                         </div>
                         <div class="form-group">
                          <input type="password" class="form-control" 
                          placeholder="password"  onChange={handlePassword}/>
                         </div>
                        <div className="container d-flex justify-content-center mb-3">
                           <a  className="btn btn-warning col-md-7 col-sm-12" 
                           type="submit" onClick={handleLogin}>Log in</a>
                        </div>   
                     </form>
                 </div>
               </div>
            </div>
        )

Answer 1

这不会像您期望的那样起作用：

import auth  from '../node_modules/firebase';

如果要导入Firebase库，则应遵循documentation中的说明。这可能会更好：

import * as firebase from "firebase/app";
import "firebase/auth";
const auth = firebase.auth();

反应：未处理的拒绝（TypeError）：firebase__WEBPACK_IMPORTED_MODULE_1__

1 个答案: