我使用官方指南安装了Flutter测试版。启用web:
flutter channel beta
flutter upgrade
flutter config --enable-web
结果是:
Setting "enable-web" value to "true".
You may need to restart any open editors for them to read new settings.
flutter devices
命令的结果:
>flutter devices
1 connected device:
Web Server • web-server • web-javascript • Flutter Tools
官方指南指出应该有两种设备:
Chrome • chrome • web-javascript • Google Chrome 78.0.3904.108
Web Server • web-server • web-javascript • Flutter Tools
我根据官方指南创建了示例应用程序,并尝试构建它:
flutter create myapp
cd myapp
flutter run -d chrome
结果是:
No devices found with name or id matching 'chrome'
安装了最新的谷歌浏览器。我在github上读到,可以通过设置环境变量CHROME_EXECUTABLE来解决这个问题。我试图使用chrome.exe的路径和包含chrome.exe文件夹的路径来设置它,但同样没有成功。
我执行了flutter doctor -v
:
[X] Chrome - develop for the web (Cannot find chrome executable at "C:Program Files (x86)GoogleChromeApplicationchrome.exe")
! "C:Program Files (x86)GoogleChromeApplicationchrome.exe" is not executable.
我认为问题可能出现在带有空格的路径中,但在CHROME_EXECUTABLE中设置不同的路径并不能解决问题。
[X] Chrome - develop for the web (Cannot find chrome executable at "D:PortableChromiumchrome-winchrome.exe")
! "D:PortableChromiumchrome-winchrome.exe" is not executable.
有人知道吗?
您是否尝试切换到主频道?或者在项目根目录中运行"flutter create."?
如果没有,你可以尝试:
flutter channel master
flutter upgrade
flutter config --enable-web
cd <into project directory>
flutter create .
flutter run -d chrome
这个解决方案对我有效:
$ flutter upgrade
$ flutter config --enable-web
$ flutter run -d chrome
如果chrome在Flutter device selection
中不可用,请尝试重新启动IDE。
正如OP所建议的,我列出了上面的评论作为答案。我相信便携式chrome的使用是新的w.r.t flutter,并怀疑这可能对其他人有用,而不是删除这个问题。
您可以在Windows 10中尝试的一些选项如下。
- 在commanda提示符下运行
refreshenv
命令 - 确保在你的路径上有正确的颤振安装
- 删除路径字符串周围的双引号
" "
在这种情况下,第三个选项解决了问题。👍
为用户和系统创建系统环境变量变量名称:chrome可变路径:path_to_chrome
这可以通过切换通道来解决
即
flutter channel
flutter channel beta