Chrome 如何在Windows Subsystems for Linux(Debian 10)上开发Flutter Web应用程序

6ljaweal  于 2023-08-01  发布在  Go
关注(0)|答案(4)|浏览(123)

我想在Windows Subsystems for Linux(Debian 10)上开发Flutter Web应用程序。我遵循了这个指示。https://flutter.dev/docs/get-started/codelab-web

flutter channel beta
flutter upgrade
flutter config --enable-web

字符串
首先,我在终端中输入这些命令,它们都工作正常。
第二,我尝试了flutter doctor命令,这是结果。

Downloading android-arm-release/linux-x64 tools...                  2.1s
Downloading android-arm64-profile/linux-x64 tools...                1.8s
Downloading android-arm64-release/linux-x64 tools...                1.6s
Downloading android-x64-profile/linux-x64 tools...                  1.6s
Downloading android-x64-release/linux-x64 tools...                  1.5s
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, 1.18.0-11.1.pre, on Linux, locale en_US.UTF-8)
[✗] Android toolchain - develop for Android devices
    ✗ Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.dev/docs/get-started/install/linux#android-setup for detailed instructions).
      If the Android SDK has been installed to a custom location, set ANDROID_SDK_ROOT to that location.
      You may also want to add it to your PATH environment variable.

[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
[!] Android Studio (not installed)
[✓] Connected device (1 available)

! Doctor found issues in 3 categories.


我开发Web应用程序,所以我不需要Android toolchainAndroid Studio,但我需要Chrome
我认为有两种方法。
1.在WSL上安装Chrome =>我搜索了互联网,但我找不到这样做的方法。

  1. user Chrome on Windows 10(not WSL)=>我搜索了互联网(例如:flutter chrome "windows subsystems for linux"),但我找不到这样做的方法。
    你能给予我一些建议吗?
xiozqbni

xiozqbni1#

尝试将环境变量CHROME_EXECUTABLE设置为Windows上安装的Chrome可执行文件的路径,以便Flutter可以找到它。

v6ylcynt

v6ylcynt2#

x1c 0d1x的数据
事实证明,你只需要告诉flutter chrome.exe在你的windows主机上的位置!

wko9yo5t

wko9yo5t3#

一种方法是使用GUI应用程序,这需要WSL版本2和Windows 11。Read More

WSL和GUI应用准备就绪

如果您还没有wsl,请在Admin模式下运行PowerShell,然后运行

wsl --install -d Ubuntu
sudo apt update

字符串

  • 随意更改发行版 *
    如果你有,运行这些,以确保它的准备
wsl --set-default-version 2
wsl --update
wsl --shutdown
sudo apt update

在WSL上安装Google Chrome

1.将目录更改为temp文件夹:第一个月
1.使用wget下载:sudo wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
1.获取当前稳定版本:sudo dpkg -i google-chrome-stable_current_amd64.deb
1.修复包:sudo apt install --fix-broken -y
1.配置软件包:sudo dpkg -i google-chrome-stable_current_amd64.deb
要启动,请输入:google-chrome

你应该准备好了

运行flutter doctor应将Web开发标记为就绪,项目应使用以下命令运行:

flutter run -d chrome --web-renderer canvaskit

6g8kf2rb

6g8kf2rb4#

我的WSL 2(Windows 10 build 18363)无法识别环境变量CHROME_EXECUTABLE。
因此,我还将环境变量WSLENV添加到'CHROME_EXECUTABLE/p'。(https://adamtheautomator.com/windows-subsystem-for-linux/#Sharing_Environment_Variables)
然后,它的工作!

相关问题