Flutter Web Device Not Showing in Android Studio & VS Code

Question

I am trying to develop a web app with flutter but my device is not showing there in IDE when i execute flutter devices

$ flutter devices
2 connected devices:

Chrome     • chrome     • web-javascript • Brave Browser 78.1.0.1 unknown
Web Server • web-server • web-javascript • Flutter Tools

I could see two devices there but when i am using Andoid studio or vs code the browser is not showing up there Thease are the screen shots from andoid studio and vs code

Solution

The Issue is solved by setting the path variable globally in my Linux by editing the file /etc/environment by running

sudo nano /etc/environment

and then adding the line

CHROME_EXECUTABLE=/opt/google/chrome/chrome

setting the CHROME_EXECUTABLE=<path-to-chrome-chromium-or-brave> and restarting fixed my problem

Comments

[cnknob]

I defined CHROME_EXECUTABLE in the .bashrc file and was wondering why it did not work. after I tried your solution and restarted the computer it worked. Thank you