Web开发

首页 » 常识 » 问答 » 分析和解决flutter的SDK更新后
TUhjnbcbe - 2023/5/9 21:04:00
文字概览

朋友们大家好我是您的朋友:义县游学电子科技上图是今天解决:flutter的SDK更新后无法进行web开发问题的环境和软件版本,大家做下参考.

我先回溯下问题的产生背景.今天使用Androidstudio进行开发工作,然后看到提示说flutter可以进行更新.于是呢,我到官方下载了fluttersdk,也就是图片中所示的1.12.13hotfix.8这个stable版本.然后把环境变量中的配置路径改成了现在的flutter路径,然后在命令行中执行了

flutterconfig--config-web

开启web开发模式的命令,就这样,我重新翻看了以前查看的谷歌flutter文档,从上往下仔细阅读了一遍,终于还是发现了一些不同的地方.因为我一开始怀疑是flutter的文档进行更新所以使用原有的指令没法开启web开发了(事实证明我错了).然后又执行了flutterdevices查看当前可以进行web开发的工具,有个错误提示是:nodevicesdetected.这样我就更加肯定了是fluttersdk环境问题.

但是经过我认真核对文档,发现了一个我以前没注意的大秘密,也就是我当时没有注意到的地方.请看下图谷歌文档的指令:

这是谷歌文档中的开始创建web应用的步骤第一条,其中红框处的指令是:

flutterchannelbeta,

我这所犯的错误就是在这里.还记得我刚开始下载的那个flutter的sdk吗,那是一个stable版本的.所以按照这个文档指示我应该执行此命令进行sdk版本的切换,也就是从stable切换到beta版本.然后才能往下进行,而我根本没用运行这条指令.

因此知道了错误所在,就好办了.直接按照官方文档操作即可.如下图

正确执行flutterweb指令

就这样,我又复活了,下图是我在Androidstudio中运行的最终结果.注意的是,在其中的工具框中是可以看到web谷歌浏览器的哦.

工具框中是可以看到web谷歌浏览器

如果你的模拟工具处无法点击或者没有显示,那请注意软件的提示,如下图,

那是因为没用正确配置dartsdk位置,这时点击界面的opendartsettings,按照下图配置即可.

点击界面的opendartsettings

所以经过这次操作,我深刻认识到技术还是掌握得不牢固,忽略了一些细节性的问题.另外我把这部分形成文字,方便日后查阅,也可以为大家同样遇到该问题提供一些解决依据.

1
查看完整版本: 分析和解决flutter的SDK更新后