Flutter Web调试正在工作,但生成Web显示空白页

rjjhvcjd  于 2023-03-31  发布在  Flutter
关注(0)|答案(3)|浏览(276)

flutter doctor结果

[√] 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,遇到了这个问题。所以我切换到了dev通道。
我也试着运行了示例项目(样板),得到了一个空白页面。控制台显示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

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

然后运行:flutter build web
在此之后,我使用python运行localhost:$root_folder\build\web中的python -m http.server 8080
我找到了另一个答案,建议将build\web文件夹托管为localhost有CORS问题
另外,我尝试使用调试模式:flutter run -d Chrome和它的工作!

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

qrjkbowd

qrjkbowd1#

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

erhoui1w

erhoui1w2#

必须运行服务器。

dart pub global activate dhttpd

dart pub global run dhttpd --path build/web/
xzlaal3s

xzlaal3s3#

试试看

flutter build web --base-href=/build/web/

以便基本href与您的开发机器的目录结构相匹配。
不要伪造你需要重建它

flutter build web

当您将其部署到托管站点时。

相关问题