无法将flutter现有项目更改为flutter web

Posted

技术标签:

【中文标题】无法将flutter现有项目更改为flutter web【英文标题】:Can't change flutter existing project to flutter web 【发布时间】:2021-03-15 21:10:31 【问题描述】:
flutter create .

它创建得很好,但它不能运行。

flutter run -d chrome

Launching lib\main.dart on Chrome in debug mode...
/C:/studio%20sdk/flutternew/flutter/.pub-cache/hosted/pub.dartlang.org/extended_image-1.3.0/lib/src/extended_image.dart:785:44: Error: No named parameter with the

名称'nullOk'。 _invertColors = MediaQuery.of(context, nullOk: true)?.invertColors ?? ^^^^^^ /C:/studio%20sdk/flutternew/flutter/packages/flutter/lib/src/widgets/media_query.dart:818:25:上下文:找到了这个候选人,但参数不匹配。 (BuildContext 上下文)的静态 MediaQueryData ^^ 正在等待来自 Chrome 上的调试服务的连接... 24.5s 编译应用失败。

【问题讨论】:

提供更多信息。首先确保每个人都在同一个页面上,而不是仅仅发布代码。接近人们。 【参考方案1】:

如果 Alienspaces 的回答没有帮助,这可能是 extended_image 包的错误。可能还不支持网络?

您可以尝试通过以下方式临时修复错误:

    进入出现错误的文件(C:/studio%20sdk/flutternew/flutter/.pub-cache/hosted/pub.dartlang.org/extended_image-1.3.0/lib/src/extended_image.dart) 转到第 785 行 将MediaQuery.of(context, nullOk: true) 替换为MediaQuery.of(context)

【讨论】:

在此更改后打开空白 chrome 选项卡 听起来您能够解决主要问题并使其运行。您必须提供您的 main.dart 或初始屏幕,以便我可以帮助您让它真正显示您的小部件。【参考方案2】:

编辑:正如评论中所述,Flutter web 现在处于稳定状态,因此不再需要切换到 beta 频道!

从official documentation你可能想试试:

flutter channel stable
flutter upgrade
flutter create .

【讨论】:

顺便说一句,Flutter Web 现在已经稳定了,所以不再需要第一个命令了 :)

以上是关于无法将flutter现有项目更改为flutter web的主要内容,如果未能解决你的问题,请参考以下文章

Flutter:将传递的参数更改为“StatefulWidget”

Flutter - 将 Flutter 集成到现有项目(iOS - Framework篇)

Flutter 响应式设计:如果屏幕更大,动态将 Column 更改为 Row

为什么运行后Flutter上出现“无法执行aapt”错误?

Flutter 动画无法正常工作

如何将 Flutter 标签栏指示器更改为与 google play store 完全相同