如何修復這個錯誤？ 意外的語法錯誤：意外的標記“！”

Question

所以基本上控制台向我顯示我有一個意外的令牌，但我認為沒有任何意外的令牌。 請幫我。 我花了太多時間試圖解決這個問題。 這是代碼 -

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

Answer 1

我在提供的代碼中看到的唯一問題是您沒有導入 Firebase Auth SDK。您可以導入它，如下所示：

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

還要確保您使用的是V8.XX或更低版本的上述代碼。 如果您有新的 Modular SDK V9.0.0+ ，則將導入更改為兼容版本以繼續使用現有代碼：

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