Flutter-web vscode container hot reload - visual-studio-code

I have been trying to perform a hot-reload for my flutter-web project.
Been struggling to get hot restart functionality enabled when running via viscose dev-containers. I tried:
Having the flutter run -d at the entry point.
Executing the debug via the vs-code debugger.
Neither of them solves the hot-restart issue on the browser on which the initial page is rendered after building from the inside container. Please help how to achieve what I am trying. TIA.

Related

Android Studio Reload not performed Flutter

I have an issue when I try to save any modifications on a new project, the hot reload doesn t work on save, because he has an issue that I can t find
I need to mention that I do not modified anything in the project, just started 2 hours ago and searched for the solution
I just tried to modify the title and nothing more first
In android Studio on the top left corner choose File -> Invalidate Caches...
Then you will see a modal
check both option and press the "Invalidate and Restart" button.
When the Android studio starts again, Re-run your application and check if the hot-reload works properly.
That worked for me.
There is a banner on top that says you haven't run pub get. You can press the button on that banner to run the command (Get dependencies).
This is likely because you changed your pubspec.yaml file.
Another thing you can try is to stop and restart, this is sometimes necessary. If this also doesn't work, try to clean using the command flutter clean and/or restart Android Studio

Flutter running with no response after first installation in Windows

I'm new in flutter and trying to learn about it for the first time.
I'm following the instruction of flutter documentation in here
When in step to the setting environment, I follow the instruction here.
After restarting the pc, the next step I must running the command flutter doctor in cmd.
In this step, I get stuck because in cmd, flutter doesn't response anything.
I try to execute flutter inside VSCode It still stuck with loading.
I also try to running with android studio, Still the same, I get stuck with loading
What should I do?
I missed the important thing.
Just don't put it in the privilege directory.

flutter not showing devices in VS code and flutter commands also not working

I face this problem after every 2,3 days that VS code doesn't show devices even they don't show chrome or edge. Then I run flutter commands but flutter commands are also not working. no error, no output in CMD. Please tell me how to solve this problem.
This issue is caused by an extension.
This was how I solved my mine
just search for the extension uninstall or disable it.
Restart your vscode again.
Happy coding

Autocomplete/Intellisense not working for dart/flutter in VSCode

Even with the CTRL+SPACE shortcut, the options I get are nowhere near relevant to the code.
I created a new file named questions.dart in the lib folder along with main.dart. In main.dart the code autocomplete works fine but in question.dart, it doesn't. Also, the syntax is not getting highlighted as well in the new file.
For questions.dart
For main.dart
Restart the Dart Analysis Server. If that doesn't work, restart your IDE.
This happens to me occasionally. I believe it's an issue with the Dart Analysis Server. Usually, restarting the Dart Analysis Server fixes it.
To restart the Dart Analysis Server. Press ctrl + shift + p. Then search look for a command called Dart: Restart Analysis Server. If it doesn't work restart your IDE.
I'm facing the same issue here. I managed to solve it by switching flutter channel from master to beta. Now autocomplete works, but sometimes things still get crazy.

VS Code and Flutter/Dart, Widget Autocomplete not working

I'm working with some tutorials to learn Flutter and the one that I'm taking now uses VSCode. I actually prefer it to Android Studio because it doesn't overheat my Macbook. The only frustration I've had with it so far is that there are quite a few times where autocomplete just stops working. For instance, if I wrap a Column in a widget and then start typing Container, Android Studio will pop up an autocomplete showing Container VS Code used to do this for me, but has stopped for some reason. I can still get the autocomplete list if I press Ctrl+Spacebar.
I'm using the following:
VS Code - 1.36.1
Dart Extension - 3.2.0
Flutter Extension - 3.2.0
Material Icon Theme - 3.8.0
This is the latest version for all of these.
Is there some setting or something that I need to change? I've spent the last two hours trying to work out what's going on. In searching, I did see some references to earlier versions of VS Code and the extensions causing problems, but nothing about these versions.
Go to pubspec.yaml and hit save or run get packages. It worked for me, hope it helps
There are generally two reasons for VS Code to automatically open code completion - 1) when you press a key that the extension ahs told VS Code should invoke it and 2) when VS Code thinks it would be useful (for example when you start typing on a blank line). If you're typing in a line of existing code it won't always do this.
Pressing Ctrl+Space is the correct way to open completion in the cases where it doesn't appear automatically.
That said, if you can provide more information about a specific instance, I can take a look if it's something we could/should pop completion open for. It would be best raised at https://github.com/Dart-Code/Dart-Code/issues with a screenshot and details of exactly where your cursor is (and how you got there).
dont use too many flutter extension, I also face this problem , then I realize that 3 flutter extension are installed, use only one , it works for me, try it.
I did have a derivative of this problem when I was working with VS Code and flutter and this is what I did.
This is for windows though. This is what I did ;
Go to C:\Users<your username >\AppData\Roaming\Code and delete all the files and the directory called "Code". Usually the folder AppData is hidden so you'll have to unhide it. Then restart your computer and then reopen VS Code. This I think cleared some of the unwanted cache files which kind of made things right again.
Hope it helped.
Make sure
Preferences > Editor > Intentions > Quick assist powered by the Dart
Analysis Server
is enabled (Screenshot).
If so, most likely your Dart Analysis server is crashing. Navigate to your HOME folder:
cd ~
And then below should resolve your issue:
sudo chown -R $USER .dart .flutter
Clear your cache if the issue still exists:
File > Invalidate Caches > Clear file system cache and Local History > Invalidate and Restart.
Also, Power Save Mode should be disabled:
File > Power Save Mode
Doing a flutter clean and then flutter pub upgrade worked for me. Sometimes flutter clean using the command line does not work if you have android studio then in tools go to flutter and then do flutter clean.
just do flutter clean then flutter create. and then flutter pub upgrade, and also see if your flutter SDK is latest or not.
Check to make sure Android Studio is not on low power mode
Menu>File>Low Power Save Mode
I solved in in my Macbook Pro by
Going to System Preferences > Keyboard > Shortcuts > Input Sources
Disable: Select the previous input source (^ space)
Updating VS Code dart and flutter extensions
Restarting the computer.
And voila! Ctrl + space now shows options in VS Code.