I have been using Flutter Web --web-renderer canvaskit for a project for a long time and it has always worked fine. But today after I update a small change of code, it suddenly broke. It still works fine in debug mode, but when I upload to firebase hosting, in the live server, the screen stuck in splashscreen.
I tried both chrome and Safari on Mac the same issue. If I switches to --web-renderer html, the problem goes away. I have been using flutter_native_splash and I noticed it changed my index.html. However, I have been using it for a while and there was never a problem with Flutterweb. I did not update any package. Does anyone know anything about related issues? I am using Flutter 3.3.10 and Flutter doctor has no problem. As the code runs well, I don't know how to debug the live server. Thanks for any help!
use --web-renderer html insted of --web-renderer canvaskit
Related
I want to use chrome web emulator but I can't do it with n hot restart in shortcut.
Only when i type this entry from terminal i can view chrome web emulator;
flutter run -d chrome --web-renderer html
I want instant update of the chrome web emulator I use with hot restart or ctrl+s.
I was able to do this before but after the dart and flutter update I can't.
Thank you in advance for your help.
change the folder name and it will work change it to
quiz_app
No project is working in Flutter, I installed the sdk and installed android studio, I am using vs code, my stable version, but I could not solve some kind of error. please help
https://github.com/flutter/flutter/issues/109789
Code value
Try running your flutter web app with html renderer and see if it works.
Paste this command to your terminal:
flutter run -d chrome --web-renderer html
terminal screenshot
My project works perfectly in browsers when I open it on the computer, but on mobile devices it just starts loading, and then crashes showing the following screen: Mobile browser error
"Aw Snap, something wrong while displaying this webpage"
The link that I uploaded the project is this: invite.upbank.digital
My Flutter is on channel stable, 2.0.3, and I already executed the commands for cache repair and clean.
I tried to open it in Safari, Chrome, Edge and Firefox and in all of them the error remains.
Can anybody help me?
I have created a project using flutter web but after generating the release build, it works fine on desktop browsers but displays a blank (white) page on mobile browsers.
Note that: I also have tried url_stratergy and I am using Flutter version 1.26.0-17-pre. Below is the output of my flutter doctor
I have generated the release build using the following command:
flutter build web --release
You can also visit the website to verify the issue at HerAmigo.
Looking forward to your help and suggestion!
Thanks
Ayesha Iftikhar
Please try running this command. This will repair and fix the pub cache.
flutter pub cache repair
I am using flutter to write a simple app, everything works fine on Android, iOS, and Chrome. (I've also tested on Firefox & Brave Browser, all's well).
However, on Safari (Mac & iOS), the flutter app gets stuck on the index.html file and does not load the PWA.
The error from the console on Safari Inspect
How can I know what the anonymous function in js_helper is, or what main.dart.js:57063 refers to?
Is there any way of building for web without minifying?
Has anybody encountered a scenario where everything works on all platforms except Safari?
Flutter Doctor
Log from console when running on local server
debug for safari is not supported yet
but for anyone with the same problem you could solve it by running the app on release mode
flutter run -d chrome --release
after that open with the same port on safari and everything should be fine
You won't be able to debug it directly on Safari, but if you just want to test your app in safari with localHost, you can use these steps :
Enable 'developer' menu in Safari from settings of Safari :
Then check on 'Disable Cross-Origin restrictions"
Now after running release version of web app in chrome, use same app's address in Safari, you will be able to test it. Ex. http://localhost:51155/
to run in release mode : flutter run -d chrome --release
Hope this helps!