Flutter 1.9更新体验总结：第一次体验时flutter run -d chrome报错

1.更改分支，更新到最新版本

建议使用master分支。使用flutter Upgrade命令升级到最新版本。

2。使用命令flutter run -d chrome第一次体验的时候报错。

我创建了一个新项目flutter_demo，然后运行flutter run -d chrome但没有任何反应。

怎么了？我打开了 Google Chrome，但什么也没发生。

3。解决方案

步骤1.运行flutter config --enable-web命令启动此默认命令以启用Flutter Web支持。 ？然后通过运行 flutter run -d chrome 在浏览器中自动运行 Flutter 代码。

以下是浏览器截图：

总结

1。运行 flutter config --enable-web 命令

2。运行命令 flutter create .

3 。以后如果想创建 Flutter 项目，只需要运行命令 flutter run -d chrome 在浏览器中运行即可。

4。创建Web文件的release版本

运行命令flutter build web将dart文件编译成html、js和css文件，然后部署到网站。

命令行使用方式如下：

使用的网络需要的文件在项目根路径build/web，如下图红框所示。 ：

5.调试 进入网站

（一）调试过程中发现的问题及解决方案

问题一：在网页上调试时，页面打不开。它总是空的。只能在本地调试时使用。

我注意到部署后无法打开GitHub或外部网站。后来看到项目根路径下的build/web文件里有一个main.dart.js .map文件。显示本地 flutter_web_sdk 目录中的相关文件。然后我就寻找对应文件的路径。

◆问题1的解决方案：

找到Flutter安装路径（例如：我的是E:/develop/flutter），然后打开❣bin_flutter。 ，将flutter_web_sdk文件夹复制到项目根/build/web，然后运行build web。

问题2：FileSystemException：删除失败，path = '.dart_tool/build/flutter_web'（操作系统错误：目录不为空，errno = 145）

◆问题2解决方案：进入目录然后运行命令 flutter build web。 ？ ，如果您使用flutter构建web翻译后的页面对浏览器没有影响。

我已向官员提出了问题。官方工作人员表示会尽快支持并完善该功能，同时也对我的反馈表示感谢。

(2) 网址

这里我们只介绍一个小小的计算器功能（代码来自官方示例）。这里我们只是转换计算器代码来演示Flutter Web功能。

演示页面：aweiloveandroid.github.io/flutter_dem…

GitHub主页：github.com/AweiLoveAnd…

(3) Android网站示例页面示例gif 作者：♿i图文介绍。 来源：挖蜜