<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>Forem: Mathieu K</title>
    <description>The latest articles on Forem by Mathieu K (@niamtokik).</description>
    <link>https://forem.com/niamtokik</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1302415%2Ff02d4ee9-14d9-45ec-966a-6bb53e0e3240.jpeg</url>
      <title>Forem: Mathieu K</title>
      <link>https://forem.com/niamtokik</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://forem.com/feed/niamtokik"/>
    <language>en</language>
    <item>
      <title>Flutter and Web Browser Configuration</title>
      <dc:creator>Mathieu K</dc:creator>
      <pubDate>Tue, 05 May 2026 13:46:59 +0000</pubDate>
      <link>https://forem.com/niamtokik/flutter-and-web-browser-configuration-3510</link>
      <guid>https://forem.com/niamtokik/flutter-and-web-browser-configuration-3510</guid>
      <description>&lt;p&gt;When it comes to programming with Dart and Flutter, one should probably expect to also have support for web programming using WASM for example. In some case, like on my side, my browser was not detected. &lt;a href="https://docs.flutter.dev/platform-integration/web/setup" rel="noopener noreferrer"&gt;Flutter documentation&lt;/a&gt; does not clearly explain how to set the browser in case of issue. Let try to investigate a bit.&lt;/p&gt;

&lt;p&gt;Flutter and Dart have been installed using &lt;code&gt;asdf&lt;/code&gt; on my side, using the latest version available. My OS is a Debian-like (Parrot Linux). My default browser on this system is Brave, but I sometimes use Firefox or Chromium as well depending on my needs, in particular when few specific addons are required.&lt;/p&gt;

&lt;p&gt;Anyway, when using &lt;code&gt;flutter devices&lt;/code&gt;, the browser should be present in the list of available device, but, surprise, it was not the case on my side.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;flutter devices
&lt;span class="go"&gt;Found 2 connected devices:
  Linux (desktop) • linux  • linux-x64      • Parrot Security 7.2 (echo) 6.19.13+parrot7-amd64
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;The next part of the message is mostly about hints in case of problem:&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;If you expected another device to be detected, please run "flutter doctor" to diagnose potential issues. You may also try increasing the time to wait for connected devices with the&lt;br&gt;
"--device-timeout" flag. Visit &lt;a href="https://flutter.dev/setup/" rel="noopener noreferrer"&gt;https://flutter.dev/setup/&lt;/a&gt; for troubleshooting tips.&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Let try &lt;code&gt;flutter doctor&lt;/code&gt; command.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;flutter doctor                                                                          
&lt;span class="go"&gt;Doctor summary (to see all details, run flutter doctor -v):                                    
[✓] Flutter (Channel stable, 3.41.7, on Parrot Security 7.2 (echo) 6.19.13+parrot7-amd64, locale en_US.UTF-8)                                                                                 
[✓] Android toolchain - develop for Android devices (Android SDK version 37.0.0)          
[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)              
    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.                                                                                                               
[✓] Linux toolchain - develop for Linux desktop                                                                                                                                               
[✓] Connected device (1 available)                                                             
[✓] Network resources                                                                          

! Doctor found issues in 1 category.
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Ah! Some Chrome is cannot be found on my system. It seems normal, because I don't use the official version of Chrome offered by Google, but the open-source version (Chromium) or a fork (Brave). By setting &lt;code&gt;CHROME_EXECUTABLE&lt;/code&gt; environment variable with the path of the browser used, it should fix the issue.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="nv"&gt;$ &lt;/span&gt;&lt;span class="nb"&gt;export &lt;/span&gt;&lt;span class="nv"&gt;CHROME_EXECUTABLE&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="si"&gt;$(&lt;/span&gt;which chromium&lt;span class="si"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Again, let reinvoke &lt;code&gt;flutter doctor&lt;/code&gt;.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;flutter doctor                                                                                                                                                                         
&lt;span class="go"&gt;Doctor summary (to see all details, run flutter doctor -v):                                  
[✓] Flutter (Channel stable, 3.41.7, on Parrot Security 7.2 (echo) 6.19.13+parrot7-amd64, locale en_US.UTF-8)                                                                                 
[✓] Android toolchain - develop for Android devices (Android SDK version 37.0.0)   
[✓] Chrome - develop for the web                                                               
[✓] Linux toolchain - develop for Linux desktop                                                
[✓] Connected device (2 available)                                                             
[✓] Network resources                                                                                                                                                                         

• No issues found! 
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Perfect! No more issues from this command! What about &lt;code&gt;flutter devices&lt;/code&gt;?&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight console"&gt;&lt;code&gt;&lt;span class="gp"&gt;$&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;flutter devices                                                                                                                                                                        
&lt;span class="go"&gt;Found 2 connected devices:                                                                     
  Linux (desktop) • linux  • linux-x64      • Parrot Security 7.2 (echo) 6.19.13+parrot7-amd64                                                                                                
  Chrome (web)    • chrome • web-javascript • Chromium 147.0.7727.137 built on Debian GNU/Linux 13 (trixie)
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Great, my browser can now be used with flutter! In short, if one wants to use a different browser during development process for doing some test, one can change &lt;code&gt;CHROME_EXECUTABLE&lt;/code&gt; variable. To save this configuration, this environment variable can be put in &lt;code&gt;~/.bashrc&lt;/code&gt; or &lt;code&gt;~/.profile&lt;/code&gt; depending of the shell used.&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight shell"&gt;&lt;code&gt;&lt;span class="c"&gt;# which is used and will automatically&lt;/span&gt;
&lt;span class="c"&gt;# return the full path of chromium.&lt;/span&gt;
&lt;span class="c"&gt;# a different path can be set if needed.&lt;/span&gt;
&lt;span class="nb"&gt;echo&lt;/span&gt; &lt;span class="s1"&gt;'export CHROME_EXECUTABLE=$(which chromium)'&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&amp;gt;&lt;/span&gt; ~/.bashrc
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Looks better, I'm now able to create Flutter applications using Chrome, Chromium or even Brave (this last one needs to be tested though).&lt;/p&gt;




&lt;p&gt;Cover Image by &lt;a href="https://unsplash.com/@willianjusten?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Willian Justen de Vasconcellos&lt;/a&gt; on &lt;a href="https://unsplash.com/photos/traditional-ornate-temple-gate-with-modern-buildings-behind-Nyrj6APV38g?utm_source=unsplash&amp;amp;utm_medium=referral&amp;amp;utm_content=creditCopyText" rel="noopener noreferrer"&gt;Unsplash&lt;/a&gt;&lt;/p&gt;

</description>
      <category>web</category>
      <category>flutter</category>
      <category>chromium</category>
      <category>bash</category>
    </item>
  </channel>
</rss>
