So i installed flutter(i use zorinOS). After following some steps, i run flutter doctor and get:
[✗] Chrome - develop for the web (Cannot find Chrome executable at
google-chrome)
! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
I don't have any chrome in my os.I use brave as my default browser, and i have deleted my firefox(my previous browser). I just wonder, do i need to install Chrome specifically? Can't i just install Chromium or use other browser?
We don't test our development flow with Chromium, so I'm not sure.
This requirement is only necessary for development: debugging, etc. We rely on Chrome features to enable our development experience.
Related
I would like to manually test my web app written in flutter which depends on an extension being installed in a browser.
Unfortunatelly when I try to debug it in android studio, it opens it in chrome, but the chrome does not allow me to install any extensions.
I couldnt find what executes the chrome, whether flutter or android studio, in any case i havent found way to edit chrome exec command in flutter or android studio.
for some reason, I don't want to install android studio(one of them is I don't have enough space for now) but instead, I want to work with vscode and nox(or genymotion). and my question is: Is it possible to connect vscode and an (android and ios) emulator to see the result? in other words, I want to connect the nox as an emulator to vscode and see the result inside of it.
Android studio take too much space and even my computer also become hot when open Android studio. But what I did I installed Android studio and Android emulator but I don't use Android studio rather I use VScode.
So as far as I know you need Android studio to install emulator then you can use VScode with it.
Finally, I found out how I can connect Genymotion to the VS Code(without Installing Android Studio).in total SDK manager wasn't installed on my laptop, so at first, I installed it. and then
Platform Tools (ADB & Fastboot)
Install Platform
Add System Image
Install Build Tools
but wait I just name the steps I've done. you can follow this article on this link to get more details.
and finally, instead of installing an emulator, I used Genymotion with Flutter in VS Code, which you can follow in this article to get more information. Click here
I just started-off with flutter web and I want to use brave browser to debug my flutter apps not chrome or edge.
When I use flutter devices command, it gives the following result.
No devices detected.
Run "flutter emulators" to list and start any available device emulators.
I'm using brave by using the link provided by web-server and it does not support hot reload.
So, how to configure browsers other than chrome or edge with flutter web for complete functionality.
I found this:
All you have to do, based on your Linux operating system (for Windows
and macOS the process is similar), is to modify your .bashrc file and
insert this line:
#Put your Brave installation location here
export CHROME_EXECUTABLE="/opt/brave.com/brave/brave-browser"
For MacOs,
export CHROME_EXECUTABLE="/Applications/Brave Browser.app/Contents/MacOS/Brave Browser"
You can use flutter run -d web-server to run your app like a server.
This means that you can just enter the URL on any browser of your choice to access your Flutter app !
Drawbacks:
Hot Restart/Reload from the terminal is not possible. You must refresh the page on your browser instead.
Advantages:
You can use any browser for developing flutter apps.
You can even use ngrok to forward your port to a HTTPS URL, and access your flutter app from anywhere (your phone, your desktop , someone else's device etc.)
PS: Credits to the Issue #77229 for helping me find this solution. I am aware that this workaround has already been suggested on this thread.
I just wanted to put out a simpler answer for the general viewer.
I've been diving in the same issue, it's known Brave it's Chromium-based, this will help u https://github.com/flutter/flutter/issues/77229
I'm running VSCode on a MAC. VSCode and also Google Chrome are installed on an external SSD drive with an Alias in the Program folder. Both programs are running absolutely fine and could also be started from the Alias in Launchpad. But if I press F5 for debugging Flutter/Dart then VSCode is trying to start Google Chrome via "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" which is of course wrong. Is there a way to set the correct path to google chrome so VSCode is able to start it?
If you run flutter doctor -v from a terminal, it should show where Flutter is finding Chrome and wants to launch it from:
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
If you set the CHROME_EXECUTABLE environment variable, this will override it:
[✓] Chrome - develop for the web
• CHROME_EXECUTABLE = /usr/bin/chromium
Note that the env variable needs to be set in a context that applies to VS Code (eg. setting it in a terminal startup script but then launching VS Code from outside of the terminal might not inherit the env variable). If you can't easily set it globally, you could add it to the dart.env setting in VS Code:
{
"dart.env": {
"CHROME_EXECUTABLE": "/foo"
}
}
chrome://inspect/#devices opens a devtools window, but about the time it finishes drawing itself, it closes. No error messages
I'm trying to debug a website, not a native app. Any ideas why it would open and tease me, then close when the mouse gets near the window?
Linux: Version 40.0.2214.111 (64-bit) OS:14.04 Ubuntu
Android: Version 40.0.2214.109 OS: 4.1.2
More interesting details. It works on other tabs, and if I use one of those tabs that is working, and paste in my URL, it closes the devtools
As stated in the docs, your desktop Chrome must be newer than your Android Chrome:
Note: Remote debugging requires your version of desktop Chrome to be newer than the version of Chrome for Android on your device. For best results, use Chrome Canary (Mac/Windows) or the Chrome Dev channel release (Linux) on desktop.
For instance, you might install Chrome Canary/unstable or Chrome Beta on your computer. By using it instead, my inspector started working as expected. Currently, my Chrome Beta is v50 and the Android Chrome, v49.