Flutter Chrome 调试：API 调用根本不起作用

Question

我正在开发一个简单的 web/Android Flutter 应用程序。在 Android 上一切正常，但是当我尝试在 Chrome (web-javascript) 上调试它时，我的 API 调用的 none 工作正常。

调试器在 ticker.dart > TickerFuture > _complete() 和此消息出现在控制台中，API 调用将永远继续。

ChromeProxyService: Failed to evaluate expression '_primaryCompleter'

我已经尝试使用 CORS 并尝试捕获块以查看是否可以获得有关该错误的更多信息。

这是一个示例 API 调用：

Future<bool> login(LoginData l) async {
    try {
      Uri url = Uri.parse(baseUrl + "/login/");

      final response = await http.post(url,
          body: {"email": l.name, "password": l.password},
          headers: {"Access-Control-Allow-Origin": "*"});
      if (response.statusCode == 200) {
        return response.body == "true";
      } else {
        throw Exception('Failed to load books');
      }
    } catch (e) {
      print(e);
      throw Exception('Failed to load books');
    }
  }

Answer 1

在 Chrome v100 发布后 Chrome 中出现了一些调试问题。

Flutter 2.10.5 已发布，修复了其中一些问题：

https://github.com/flutter/flutter/wiki/Hotfixes-to-the-Stable-Channel#2105-april-18-2022

flutter/101224 - Flutter web debugger fails when using chrome 100 or greater.

Flutter Chrome 调试：API 调用根本不起作用

Flutter Chrome Debugging: API calls don't work at all

google-chrome

dart

flutter

flutter-web