Finished with error: Failed to establish connection with the application instance in Chrome

Question

Finished with error: Failed to establish connection with the application instance in Chrome. This can happen if the websocket connection used by the web tooling is unabled to correctly establish a connection, for example due to a firewall.

I am getting this error, when i run my flutter web application on chrome browser. I also turn off my firewall even that didnot solve my problem.

What will be the possible solution for resolving this eror?

Temporary Solution that i had tried:
I had this issue when upgrading from dev channel to master channel. what i did to solve this problem is, clean my project's build cache (flutter clean), then run the project using release mode. After that, i can run it on debug mode.

This solved my problem temporarily and after some time i still facing the same issue. And implementing the same solution didnot solve my problem.

Solution 1

flutter run -d chrome --release

running in release mode is the solution to this problem

*this solves the problem but also makes it impossible to debug your app at the same time when running it

Solution 2

I'm glad that you solved the issue, when upgrading version or changing channel it's generally a good idea to run flutter clean and if needed flutter pub cache repair; I believe there's no action to be taken.

Solution 3

Use below commands:

flutter channel master
flutter create --web
flutter config --enable-web
flutter devices
run -d web
flutter clean
flutter run -d chrome

Solution 4

use some commands like below ----->>

flutter run -d chrome --release

or

on Editor Android Studio or Intellij goto -> Run >> Flutter Run In Release Mode

these are work for me

to enable web---->

flutter channel beta
flutter doctor
flutter config --enable-web (for a ready project) 

and

flutter create --web 

for creating a project

Solution 5

You have to download Dart Debug Extension from chrome to run Flutter app on web

View more solutions