Question

在flutter网站中，我遇到了Firebase身份验证问题，下面我粘贴了网站的索引文件代码...

<body>
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.17.1/firebase-analytics.js"></script>


<script>
  // Your web app's Firebase configuration
  var firebaseConfig = {
    apiKey: "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
    authDomain: "xxxxxxxxxxxxx.firebaseapp.com",
    databaseURL: "https://xxxxxxxxxxx.firebaseio.com",
    projectId: "xxxxxxxxxxxxx",
    storageBucket: "xxxxxxxxxxxxx.appspot.com",
    messagingSenderId: "xxxxxxxxxx",
    appId: "1:xxxxxxxxx:web:xxxxxxxxxxxxx",
    measurementId: "G-xxxxxxxxx"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
</script>

<script src="main.dart.js" type="application/javascript"></script>
</body>

在我的pubspec.yaml文件中，我具有firebase依赖项

  firebase_core: ^0.4.0+9
  firebase_analytics: ^5.0.2
  firebase_auth: ^0.14.0+5
  cloud_firestore: ^0.12.9+5
  firebase_storage: ^3.1.6
  firebase_messaging: ^6.0.16
  firebase: ^7.3.0

整个身份验证代码在移动Android / Ios上有效，但在Web上不起作用，并且我看不到任何日志，这是第二次单击登录按钮时第一次出现的唯一日志，第一次没有发生-_-这就是主要问题，任何一个请帮助我解决我的问题。

频道上的溢出：plugins.flutter.io/firebase_auth。该通道上的消息以FIFO方式被丢弃。引擎可能没有运行，或者您需要调整通道的缓冲区大小。

MissingPluginException（在通道plugins.flutter.io/firebase_auth上未找到方法signInWithCredential的实现）

我的登录代码

    AuthResult authResult = await EmailPassAuthentication.loginWithEmail(
      // invoked on error
      () {
        if (kIsWeb) {
          showDialog(
            context: context,
            builder: (BuildContext ctx) {
              return AlertDialog(
                title: Text('Invalid Login Details'),
                content: Text('Incorrect email or password !'),
              );
            },
          );
        } else {
          showSnackBar('Incorrect email or password !', false);
        }
      },
      email: user.email,
      password: user.password,
    );
    if (authResult != null && authResult.user != null) {
      // user logged in success.
      user = await FirestoreHelper.getUserFromData(authResult.user);
//      showSnackBar('Successfuly Logged in', true);
      _navigate();
    }

和我处理登录的静态loginWithEmail方法

FirebaseAuth auth = FirebaseAuth.instance;
    AuthResult authResult = await auth.signInWithEmailAndPassword(email: email, password: password).catchError(
      (error) {
        onErrorCallback.call();
      },
    );
    return authResult;

Answer 1

您使用的是旧版本的Firebase，最好的做法是更新所有依赖项。因此，打开终端并执行：

flutter pub outdated

以上内容将标识过期的软件包依赖关系，并使用过时的命令获取有关如何更新它们的建议。有关详细信息，请参见Dart发布的过时文档。

然后执行：

flutter pub upgrade

这将升级软件包。

https://flutter.dev/docs/development/tools/sdk/upgrading#upgrading-packages

Flutter Web Firebase身份验证问题

1 个答案: