сбой связывания: SyntaxError: неожиданный конец ввода JSON в native-реакции

Question

я использую firebase в моем реактивном нативном проекте .когда я пытаюсь зарегистрировать пользователя по электронной почте и паролю, эта ошибка приходит.Я использую ОС Windows и только andorid render

Примечание: Я прочитал все вопросы, связанные с этим, но ничего не помогло

newbiew чтобы правильно реагировать на родные .пожалуйста, направьте руководство

package.json

"firebase": "^5.8.2",
    "native-base": "^2.11.0",
    "react": "16.6.3",
    "react-native": "^0.57.8",
    "react-native-elements": "^0.19.1",
    "react-native-firebase": "^5.2.2",
    "react-native-gesture-handler": "^1.0.15",
    "react-native-maps": "^0.23.0",
    "react-native-svg": "^8.0.10",
    "react-native-vector-icons": "^6.2.0",
    "react-navigation": "^3.2.1"

Код для регистрации

import * as firebase from 'firebase'

//Intiazlize firebase
const firebaseConfig = {
    apiKey: "AIzaSyCUK5QkcvTcvfCKlbwnnI8GskIgcLGMcqA",
    authDomain: "trailertracker-da09c.firebaseapp.com",
    databaseURL: "https://trailertracker-da09c.firebaseio.com",
    projectId: "trailertracker-da09c",
    storageBucket: "",
}


firebase.initializeApp(firebaseConfig)

 signUpUser = (email,password) => {
        try{
            if(this.state.password.length < 6 ){
                alert("Please Enter Valid Email and Password")
                return
            }

            firebase.auth().createUserWithEmailAndPassword(email,password)

        } catch(err){
            console.log(err)
        }
    }

Полная ошибка:

Загрузка графика зависимостей завершена.ошибка: связывание не удалось: SyntaxError: неожиданный конец ввода JSON в JSON.parse () в FileStore.get (F: \ React Native \ ReactProjects \ trailer-tracker \ TrailerTracker \ node_modules \ metro-cache \ src \ stores \ FileStore.js: 26: 19) в F: \ React Native \ ReactProjects \ trailer-tracker \ TrailerTracker \ node_modules \ metro-cache \ src \ Cache.js: 76: 40 в Generator.next () на шаге (F: \ React Native \ReactProjects \ trailer-tracker \ TrailerTracker \ node_modules \ metro-cache \ src \ Cache.js: 18: 30) в F: \ React Native \ ReactProjects \ trailer-tracker \ TrailerTracker \ node_modules \ metro-cache \ src \ Cache.js: 37: 14 в новом Promise () в F: \ React Native \ ReactProjects \ trailer-tracker \ TrailerTracker \ node_modules \ metro-cache \ src \ Cache.js: 15: 12 в Cache.get (F: \ React Native \ReactProjects \ trailer-tracker \ TrailerTracker \ node_modules \ metro-cache \ src \ Cache.js: 102: 7) в F: \ React Native \ ReactProjects \ trailer-tracker \ TrailerTracker \ node_modules \ metro \ src \ DeltaBundler \ Transformer.js: 166: 34 BUNDLE [android, dev] ...... / index.js 68,2% (947/1147), сбой.

это еще одна ошибка или ошибка в firebase?

Помощь будет высоко оценена

Спасибо

Answer 1

Для начала работы с firebase в реактиве native.

добавьте зависимость от firebase

yarn add firebase

Перейдите Firebase и создайте новый проект и перейдите кsection Добавление Firebase в ваше веб-приложение

Создайте класс для настройки Firebase следующим образом:

import firebase from "@firebase/app";
require("firebase/database");
require("firebase/storage");
require("firebase/auth");

let config = {
  apiKey: "YOUR PROJECT apiKey",
  authDomain: "YOUR PROJECT authDomain",
  databaseURL: "YOUR PROJECT databaseURL",
  projectId: "XXXXXXXX",
  storageBucket: "",
  messagingSenderId: "XXXXXXXXXX",
  appId: "XXXXXXXXXXXXXXXXXXXXXXXX"
};

export default class DBHandler {
  static auth;
  static database;

  static init() {
    firebase.initializeApp(config);
    DBHandler.database = firebase.database();
    DBHandler.auth = firebase.auth();
  }
}

в App.js инициализация Firebase

import DBHanlder from "./src/api/constants";

export default class App extends Component {
  componentDidMount = () => {

    DBHanlder.init();
  };

  render() {
    return <YourApp />;
  }
}

Вы закончили с частью инициализации. Теперь вы можете использовать для auth , как показано ниже

import DBHandler from "../api/constants";
class Login extends Component {

signinUser = () => {
DBHandler.auth.signInWithEmailAndPassword(email, password)
        .then(() => {
          //Do what you want
        })
        .catch((error) => {
          //handle error
          var errorCode = error.code;
          var errorMessage = error.message;
          alert(errorMessage);
          console.log("ERROR");
          console.log(errorCode, errorMessage);
        });
    }
}}