flutter重新配置sdk路径_分析和解决:“flutter的SDK更新后无法进行web开发”的问题...

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

c9e7181d4800489159a30ac4821ffd23.png

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

flutter config --config-web

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

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

fd0c81135eaf041d8e698005a3557843.png

谷歌文档的指令

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

flutter channel beta,

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

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

7c1c9c9b613094aa349985ce253454e9.png

正确执行flutter web指令

正确执行flutter web指令

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

e26f20e4a9953063a3b5a54b5c135b5c.png

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

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

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

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

c2f8466097b651aebc34b679db016535.png

点击界面的open dart settings,按照图配置即可

点击界面的open dart settings

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值