Как исправить эту ошибку ? Неожиданная синтаксическая ошибка: Неожиданный токен '!'

# #reactjs #firebase #error-handling #syntax-error #unexpected-token

Вопрос:

Таким образом, в основном консоль показывает мне, что у меня есть неожиданный токен, но я не думаю, что есть какой-либо неожиданный токен. Пожалуйста, помогите мне. Я потратил слишком много времени, пытаясь решить эту проблему. Вот код —

 import React from 'react';
import firebase from 'firebase';

export default function App() {
  // I have deleted this information because I don't want anyone to access my data
  const firebaseConfig = {};

  firebase.initializeApp(firebaseConfig);

  function signInWithGoogle() {
    var google_provider = new firebase.auth.GoogleAuthProvider();
    firebase
      .auth()
      .signInWithPopup(google_provider)
      .then((res) => {
        console.log(res);
      })
      .catch((error) => {
        console.log(error);
      });
  }

  return (
    <div>
      <h1>Google Sign In Authentication</h1>
      <button onClick={signInWithGoogle}>Sign In</button>
    </div>
  );
}

1. Пожалуйста, предоставьте дополнительную информацию об ошибке консоли, которую вы получаете. Кроме того, вы, возможно, не захотите раскрывать данные firebaseConfig для всех.

2. Неожиданная синтаксическая ошибка: Неожиданный токен ‘!’. Только это отображается в консоли

3. У меня возникла проблема, мне пришлось использовать «firebase/совместимость/приложение». спасибо, что помогли мне

Ответ №1:

Единственная проблема, которую я вижу в предоставленном коде, заключается в том, что вы не импортировали пакет Firebase Auth SDK. Вы можете импортировать это, как показано ниже:

 import firebase from 'firebase';
import "firebase/auth"

Также убедитесь, что вы используете V8.X.X или ниже приведенный выше код. Если у вас есть новый модульный SDK V9.0.0 , измените импорт на соответствующую версию, чтобы продолжать использовать существующий код:

 import firebase from 'firebase/compat/app';
import "firebase/compat/auth"

1. Большое тебе спасибо, брат!! Ты потрясающая!! Вы не представляете, сколько часов это заняло у меня, и вы пришли мне на помощь! да благословит вас Бог. Надеюсь, вы получите потрясающую работу по кодированию и продолжите хорошо работать🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥