如何修复这个错误？ 意外的语法错误：意外的标记“！”

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"