'VSCode hot reload for Flutter does not work

I'm on VSCode right now working on my flutter application when hot reload just stops working, right in the middle of my development. I have absolutely no idea why this happens, I had no issue with this before at all in the past. If it helps anyone, I'm working on the second page of my app, which you get to via a route on the first page. Is this why hot reload isn't working? If it isn't can someone tell me why it doesn't work? This is really annoying and hindering progress on my app. Thanks!

Restarting my computer, and restarting the debugging. I'm on a Macbook Pro 2015 running macOS Mojave Version 10.14.2 if that helps.

There isn't really any code to show, it's not code related. It's VSCode or Flutter.

I expect the hot reload to work, but it doesn't.

visual-studio-code flutter

Solution 1:^[1]

The hot reload doesn't work if you launch your app using f5 or select start debugging from the dropdown of debug .

But if you launch your app using Ctrl+f5 or select start without debugging from the dropdown of debug .

To solve the issue first close the running debugging session using Shift+f5.

Then click debug from the menu bar. Click Start without debugging.

Now The Hot reload works perfectly fine.

You can do the hot reload also using terminal. Just type: flutter run in the terminal and the app will be launched.

just press r in the terminal and hot reload will be initialized.

Solution 2:^[2]

I have noticed that hot reload is not working if you in runApp directly pass in MaterialApp. If separate core widget is created than everything works properly.

Working example:

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Hot reload works!!')),
      ),
    );
  }
}

Not working:

void main() => runApp(MaterialApp(
  home: Scaffold(
    appBar: AppBar(title: Text('Hot reload not working')),
  ),
));

Also don't forget to enable hot reload on save: https://stackoverflow.com/a/67132314/4990406

Solution 3:^[3]

if you are still facing this issue

open VS code then go to:

File > Preferences > Settings
in the search field type "Hot Reload"
you will see "Flutter Hot Reload On Save" and three options are there
the default is "manual" so change it to "always"

Solution 4:^[4]

For VS Code Go to File>Autosave Make sure you have "check" Autosave.

Solution 5:^[5]

For me on the latest VS studio, pressing CRTL+s does the hot reload nicely for me. kinda a habbit from other IDE's.

Solution 6:^[6]

Quoting here the answer of sidnas

I have noticed that hot reload is not working if you in runApp directly pass in MaterialApp. If separate core widget is created than everything works properly.

Working example:
void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Hot reload works!!')),
      ),
    );
  }
}
Not working:
void main() => runApp(MaterialApp(
  home: Scaffold(
    appBar: AppBar(title: Text('Hot reload not working')),
  ),
));

The reason why the second snippet prevents the hot reload from working is because the "main" only runs once and the hot reload doesn't run the main. So to make it work, you have to separate the MaterialApp to a different widget.

Solution 7:^[7]

I found a way to force the hot reload in VS Code, which is very useful for those stuck in this situation: after the application is running, simply click on the debug option at the bottom of the VS Code editor whem the button is already named "Flutter" and, after choosing "flutter" again at the "Debug Configuraion" top floating window, you will be notified that the application is already being debugged, but the hot reload will occur.

Solution 8:^[8]

first save your project then hot reload it.

Solution 9:^[9]

This appears to be a vscode issue in version 1.32.1 - see https://github.com/flutter/flutter/issues/29275 and https://github.com/Dart-Code/Dart-Code/issues/1518

In the meantime, you could revert to 1.31, wait for a fix in the next version, install the insiders version (which includes a fix), or could use 'flutter run' from the vscode terminal.

Solution 10:^[10]

Here are the official documented cases where hot reload wont work:

Data regarding the sate of the app is changed (since Flutter tries to maintain the state of your app between hot reloads)
Change in global variables or static field since Flutter regards them as state
Changes to anything that are not in the build path (eg. initState()) and also the app's main itself
You've got compilation errors, check debug console to be sure
App is killed either by user or by OS because of inactivity
When Enumerated types are changed to to regular classes or vise versa
Font is changed
When Generic type decorations are modified
When included native code (Java, Kotlin or Swift) is modified
CupertinoTabView builder widget

reference: Hot Reload

Solution 11:^[11]

If you're implementing your MaterialApp in main.dart will cause this issue, the best practice is to separate out another dart file, then refer from main.dart.

Solution 12:^[12]

Work for me:

Go to the flutter directory on your pc.
Write to the console: git checkout tags/2.0.5 (2.0.5 is latest version in stable tree for now, you can choose any others.)
Write to the console in your project: flutter --version And hot reload should work. I don't know why, but after command: flutter upgrade, my hot reload don't work

Solution 13:^[13]

I had the same problem. Currently I am using VSCode version 1.39.2.

For the hot reload to work you need to start debugging in VSCode.

As it says in the docs: "Only Flutter apps in debug mode can be hot reloaded." https://flutter.dev/docs/development/tools/hot-reload

You can find that option on the VSCode's top navigation inside Debug or with the shortcut F5.

You don't need to do flutter run on your terminal, nor even on VSCode, is just start debugging and it will launch lib/main.dart in debug mode.

If that doesn't solve the problem, try downgrading to the last version of VSCode.

Solution 14:^[14]

with VS Code(v1.44.1), Android Studio(v3.6.2), Flutter v1.12.13+hotfix.9 on Linux

Android studio > at Startup window > configure > AVD manager > run one virtual device > confirm VS Code(v1.44.1) has your running virtual device shown in lower right corner

VS Code > Run(at top, next to Help) > Start debugging(F5) or Start without debugging(Ctrl + F5)

Save your Flutter code in VS Code Then the emulator should be triggered for hot reload

Solution 15:^[15]

I had the same problem in VS code. Here is how I solved it :

I was using style property for Text from an external file. I found that change in external file doesn't reflect in hot reload.
```
          Text(
            AppStrings.giveFeedbackPageText,
            style: AppStyles.bodyText,
            textAlign: TextAlign.center,
            overflow: TextOverflow.ellipsis,
          ),
```
So I had to use TextStyle from that file instead of an external file, and it works! Dont know the reason. Probably the external style needs to be inside a widget.
Another solution could be - separating home from MaterialApp into a separate widget.

Solution 16:^[16]

For those who are using MAC.

I am using mac, and I handled this through by quitting first the emulator and VS Code and then restarting the computer.

It should be kept in mind that when you use stateless or stateful widget then you can get the feature of hot reload.

By pressing command+s it will save the file and will perform hot reload automatically.

Solution 17:^[17]

May be you have changed the Keyboard shortcuts for hot reloading , kindly check if it is...

Solution 18:^[18]

Solution is :

Click on File > Preferences > Settings
Search for "Hot Reload"
Click on Flutter Hot Reload On Save and choose always
after that Click on File and Click on Autosave.

Solution 19:^[19]

try killing dart from terminal by typing killall -9 dart

then: 1- close vscode

2- re-open vscode (it may crash in the first run so reopen it again)

3- run flutter clean

4- run flutter pub get

5- run flutter run

this will fix the issue

Solution 20:^[20]

For flutter hot reload problems that may be happening with your project,

It is a problem with your device, and not flutter or Android Studio

This happens when your logcat hangs up.

You might want to increase your buffer size.

To do this, go into your device or emulator:

Settings > Developer options (Ensure they are turned on),

Change the buffer size to a higher number.

Then run flutter run -v again

Solution 21:^[21]

Make sure you don't have this type of imports I was going crazy and deleting them fixed the hot reload, check all your files, I found this answer in github: https://github.com/flutter/flutter/issues/49744

import file:///C:/Users/.../.../< App Name >/lib/filename.dart

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1
Solution 2	sidnas
Solution 3	moaaz.m.f
Solution 4	AARON TANG
Solution 5	lolbardsnin
Solution 6	Dennis Michol Gabutin
Solution 7
Solution 8	Junaid Hassan Final
Solution 9
Solution 10	Ali80
Solution 11	Jex
Solution 12	Ð’Ð»Ð°Ñ Ð¡Ñ‚Ð¾Ñ€Ð¾Ð¶ÐµÐ²
Solution 13
Solution 14	Russo
Solution 15
Solution 16	Sabaoon Bedar
Solution 17	abdul_basit
Solution 18	Zakaria Ferzazi
Solution 19	Mohammed Adel
Solution 20	Nderitu Kelvin
Solution 21	Ray Rojas

'VSCode hot reload for Flutter does not work

Solution 1:[1]

Solution 2:[2]

Solution 3:[3]

Solution 4:[4]

Solution 5:[5]

Solution 6:[6]

Solution 7:[7]

Solution 8:[8]

Solution 9:[9]

Solution 10:[10]

Solution 11:[11]

Solution 12:[12]

Solution 13:[13]

Solution 14:[14]

Solution 15:[15]

Solution 16:[16]

Solution 17:[17]

Solution 18:[18]

Solution 19:[19]

Solution 20:[20]

Solution 21:[21]