проблема с настройкой аутентификации firebase

Question

Я пытаюсь настроить аутентификацию firebase для проекта по созданию портфолио. Я использую реагирование в качестве внешнего интерфейса, и в документации Firebase говорится, что нужно размещать учетные данные в нижней части тега body. Я использую реагирование, поэтому я не использую тег body, и мне не ясно, где это опубликовать. Я также получаю сообщение об ошибке

Line 71, parsing error: Unexpected token, expected "}";
  69 |       
  70 |       var firebaseConfig = {
> 71 |         apiKey: "_apikey_",
     |               ^
  72 |         authDomain: "_domain_.firebaseapp.com",
  73 |         databaseURL: "https://_domain_.firebaseio.com",
  74 |         projectId: "_projectid_",

. Может кто-нибудь взглянуть на это и помочь мне начать с аутентификации Firebase? Спасибо!

import React from 'react';
import logo from './logo.svg';
import './App.css';
import Topbar from './components/Topbar'
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";

var firebase = require('firebase');
var firebaseui = require('firebaseui');

function Home() {
 return (
    <div>
      <Topbar />
      <div  className = "MakeACheap">
        <p>Make a Cheep</p>

      </div>
      <div className = "InputBox">
        <textarea rows="10" cols="80">
        </textarea>
      </div>
      <div className = "Chirpfeed">
      <p>Chirp Feed</p>
      </div>



    </div>
  );
}

function Register() {
 return (
    <div>
      <Topbar />


    </div>
  );
}

function App() {
  return (
    <div>
    <Router>
    <div>
        <Switch>

          <Route path="/register">
          <Register />
          </Route>

          <Route path="/">
            <Home />
          </Route>

        </Switch>
        </div>
    </Router>



    <script src="https://www.gstatic.com/firebasejs/7.1.0/firebase-app.js"></script>


    <script src="https://www.gstatic.com/firebasejs/7.1.0/firebase-analytics.js"></script>

    <script>

      var firebaseConfig = {
        apiKey: "_apikey_",
        authDomain: "_project_.firebaseapp.com",
        databaseURL: "https://_project_.firebaseio.com",
        projectId: "_projectid_",
        storageBucket: "",
        messagingSenderId: "1043088880002",
        appId: "_Appid_",
        measurementId: "G-YXC3FVYE48"
      };
      // Initialize Firebase
      firebase.initializeApp(firebaseConfig);
      firebase.analytics();
    </script>
</div>
  );


}

export default App;
//

Answer 1

Если вы хотите использовать только аналитику, вы можете вставить код в тег скрипта в файле index.html в вашей общей папке.

В противном случае, если вы хотите интегрировать больше вещей из Firebase, я бы вместо этого предложил вамсоздать другой файл для инициализации firebase, например. firebase.js

npm install firebase 

импорт firebase в файл

import * as firebase from 'firebase';

поместите конфигурацию в этот файл только

       var firebaseConfig = {
                apiKey: "_apikey_",
                authDomain: "_project_.firebaseapp.com",
                databaseURL: "https://_project_.firebaseio.com",
                projectId: "_projectid_",
                storageBucket: "",
                messagingSenderId: "1043088880002",
                appId: "_Appid_",
                measurementId: "G-YXC3FVYE48"
    }

      var fire = firebase.initializeApp(firebaseConfig);

export default fireApp;

теперь импортируйте этот файл в ваше приложение. JS и запуска функций, таких как

import fireApp from './yourdirectoryPath';

     var analytics = fireApp.analytics();
        analytics.logEvent();

Я надеюсь, что это поможет вам.