How to fix this bug ? Unexpected SyntaxError: Unexpected token '!'

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.X.X 或更低版本的上述代码。如果您有新的模块化 SDK V9.0.0+，则将您的导入更改为兼容版本以继续使用现有代码：

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

How to fix this bug ? Unexpected SyntaxError: Unexpected token '!'

How to fix this bug ? Unexpected SyntaxError: Unexpected token '!'

error-handling

syntax-error

firebase

reactjs

unexpected-token