Блог

Я получаю эту ошибку при попытке входа в систему, кто-нибудь может мне помочь, пожалуйста

Необработанное отклонение (ошибка типа): firebase__WEBPACK_IMPORTED_MODULE_1___по умолчанию.a.Вход с помощью ПОЧТЫ и пароля не является функцией

введите описание изображения здесь

 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>
        )
  

Это не будет работать так, как вы ожидаете:

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

Если вы хотите импортировать библиотеки Firebase, вам следует следовать инструкциям в документации. Это может работать лучше:

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