Flutter web调试正在进行,但构建web显示一个空白页面



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!

我在测试版频道中使用flutter版本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 84.0.4147.89(官方版本((64位(上测试

在这里找到了这个问题的答案。事实上,这是由于火球而发生的,根本不是一个颤动的问题。

  • GitHub问题
  • 堆栈溢出答案

必须运行服务器。

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

尝试

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

以便基本href与开发机器的目录结构相匹配。

不要伪造你需要重建它

flutter build web

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

构建web 时无法运行

加载资源:net::ERR_FILE_NOT_FOUND访问位于"的内部资源file:///F:/user/Flutter%20Projects/web-来自源"null"的app/web/manifest.json已被CORS策略阻止:跨源请求仅支持以下协议方案:http、数据、隔离应用程序、chrome扩展、chrome、https、chrome不可信。

相关内容

  • 没有找到相关文章

最新更新