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 显示空白页面 的相关文章

  • FCM flutter 启用通知振动

    我正在为 Android 和 IOS 开发 Flutter 应用程序 我已经根据这个为Android创建了通知渠道article https rechor medium com creating notification channels
  • 如何在flutter中解析json?

    我想创建一个新闻应用程序 并且我使用 newsapi org 作为来源 我正在尝试获取来自 Http 库的 JSON 数据 我在下面提供了完整的代码 它没有给我任何错误 但没有加载数据 当我打印数据时 它打印一切正常 但我无法显示它 我不知
  • 执行预检请求时是否需要 Access-Control-Allow-Origin CORS 标头?

    我们在我们的网站上看到了著名的 CORS 错误 XMLHttpRequest 无法加载https my site com api https my site com api 请求的资源上不存在 Access Control Allow Or
  • 在我的 flutter 应用程序中单击容器时更改容器的颜色

    我通过 API 获取了一些兴趣 数据 并向他们展示了使用未来的构建器作为容器 我想在单击容器时更改容器的背景颜色 这是我所做的 当我单击一个容器时 它会更改所有容器的背景颜色 我在容器的颜色中添加了一个 if 条件来检查它是否被单击 颜色
  • 透明卡片,但具有仰角阴影效果

    我在制作透明白色卡片 不透明度 0 4 时遇到问题 但是 带有来自高程效果的阴影 如果我删除高程 则不会有阴影效果 并且卡片看起来是透明的 但是 如果我添加一些高度 透明效果就会被破坏 这是我尝试过的 Widget cardMenu Str
  • 如何在 flutter 中重用有状态的 widget

    我有一个以下状态完整小部件 我需要通过更改两个变量来重用它id and collectionName 一般来说 我会提取一个小部件 但在这种情况下 我正在修改变量firstName 这不会让我提取小部件 class IndividualSi
  • 在键盘隐藏的颤动页面文本字段中

    我正在使用 flutter 制作一个有人可以评论的页面 该页面由 showModalBottomSheet 显示 但是当键盘显示在前面时 文本字段会被键盘隐藏 flutter doctor output Doctor summary to
  • 如何替换 Flutter 中捆绑的 Dart SDK 以在 Apple Silicon (ARM64) 上本地运行?

    Dart SDK 正式支持 ARM64 截至目前 2 14 2是最新 稳定 的 Dart SDK 支持 ARM64 虽然它与我的 Flutter 设置中捆绑的版本相同 但它似乎在 Intel 架构上运行 活动监视器显示在 Intel 上运行
  • 安装应用程序时创建文件夹

    如何在设备存储中创建文件夹来保存文件 这是将文件下载到设备的代码 import package flutter downloader flutter downloader dart onTap async ListTile attribut
  • 颤动|如何知道小部件是否位于导航堆栈顶部(可见)

    在我的 Flutter 应用程序中 如果将新页面推送到导航堆栈 我希望暂停动画 问题 从小部件的角度来看 有什么方法可以知道小部件是否位于导航堆栈的顶部 Example while isTopOfNavigationStack Do the
  • IIS 7.5:对网站的初始请求永远不会加载

    当我第一次浏览我的网站时 互联网不断旋转 加载 如果我两秒钟后尝试再次加载它 一切都会正常 就好像它 睡着了 一样 我想这一定和 回收 有关 我已将 空闲超时 设置为 0 将回收 定期时间间隔 设置为 0 在浏览我的网站之前 我查看了 工作
  • 任务“:app:checkReleaseDuplicateClasses”执行失败。扑

    请找到以下文件 1 应用程序 构建 gradle def localProperties new Properties def localPropertiesFile rootProject file local properties if
  • flutter生成的3个APK有什么区别?

    我需要了解Android设备架构 以及为什么我使用时会生成三种不同类型的APK flutter build apk split per abi 当我使用 flutter build apk 我得到一个名为 fat APK 的大 APK 文件
  • 在没有预定义大小的列中颤动可滚动 TabBarView

    我想要一个屏幕 顶部有一个小部件 后面跟着一个选项卡栏 我希望所有内容都位于 SingleChildScrollView 内 以便可以滚动整个屏幕 而不仅仅是单个选项卡的内容 Widget TabBar TabBarView 我查看了类似的
  • 嵌套 ListView、StreamBuilder 和子集合

    我正在尝试创建一个嵌套的 ListView 但不知道是否可以在嵌套视图中组合 2 个流构建器 因为它不起作用 在带有子集合查询的第二个 StreamBuilder 中 似乎没有返回数据 我不明白为什么 当我对文档 ID 进行硬编码时 我没有
  • Flutter iOS 构建错误 - 找不到框架 image_picker

    我已经添加了 v0 8 5 的图像选择器 https pub dev packages image picker我的项目中的库 我已尝试以下方法来解决该问题 Deleted podfile lock Pods folder from iOS
  • 将 Firebase 实时数据库 json 响应从 _InternalLinkedHashMap 转换为 Map

    I have a database in my Firebase Realtime database with children that look like this 以下是我在 Flutter 应用程序中通过 firebase 调用收到
  • 如何从另一个屏幕重置 Flutter 中的表单?

    如何重置 清除 flutter 应用程序中的表单字段 一旦数据提交到服务器 在我的应用程序中 我有 2 个页面 第一页输入表格详细信息 如姓名 地址等 第二页是上传图片 第一页将数据推送到第二页 这里我没有进行推送替换 意味着第二页位于第一
  • Flutter:go_router如何将多个参数传递到其他屏幕?

    在普通颤动中 我用来将多个参数传递到其他屏幕 如下所示 Navigator of context push MaterialPageRoute builder gt CatalogFilterPage list list bloc bloc
  • 颤动中的多个依赖下拉菜单

    我正在尝试在颤动上构建多个依赖的下拉菜单 第二个依赖于第一个 这是我实现的下拉列表的代码 Container child new DropdownButton

随机推荐