Flutter Web 调试正常,但构建 Web 显示空白页面

2024-02-21

flutter doctor result

[√] Flutter (Channel dev, 1.21.0-1.0.pre, on Microsoft Windows [Version 10.0.19041.388], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[√] Chrome - develop for the web
[√] Android Studio (version 4.0)
[√] VS Code (version 1.47.2)
[√] Connected device (3 available)

• No issues found!

我在 beta 通道中使用 flutter v 1.20-7.2.pre 并遇到了这个问题。所以我切换到了开发频道。

我也尝试运行示例项目(样板文件)并得到一个空白页面。控制台在 main.dart.js 和 js_helper.dart 中显示一些错误:

Could not load content for org-dartlang-sdk:///lib/_internal/js_runtime/lib/js_helper.dart (HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME)

重现问题

在任何 IDE 中创建示例项目 运行以下命令:

flutter channel beta
flutter upgrade
flutter config --enable-web

OR

flutter channel dev
flutter upgrade
flutter config --enable-web

然后,运行:flutter build web

之后,我使用 python 运行 localhost:python -m http.server 8080在 $root_folder\build\web 中

我找到了另一个答案,建议托管 build\web 文件夹,因为 localhost 有 CORS 问题

另外,我尝试使用调试模式:flutter run -d Chrome成功了!

额外的信息:我正在 Chrome v 84.0.4147.89(官方版本)(64 位)上测试此功能


在这里找到了这个问题的答案。这实际上是由于 firebase 而发生的,根本不是颤振问题。

  • GitHub 问题 https://github.com/FirebaseExtended/flutterfire/issues/2826
  • 堆栈溢出答案 https://stackoverflow.com/a/62547724/11626847
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Flutter Web 调试正常,但构建 Web 显示空白页面 的相关文章

随机推荐