Used flutter to build a web app, but I keep getting a grey screen in Opera. I know that this can happen with flutter if there is a UI error, but the website is working perfectly fine in Chrome, IE, Edge, and Safari. The console in developer mode gives me this error: "NoSuchMethodError: method not found: 're' on null". The "re" part of the error changes. I've seen it be "rg" and "rf", and google search has failed me when it comes to resolution. Any suggestions would be appreciated.
If you specified rendered as HTML maybe that's the reason. Please build without specifying a renderer. Just use flutter build web and try once please
Related
So the error occurs only after I firebase deploy the web folder of my Flutter app. Below are some helpful screenshots.
The app is just a simple app that only displays an image. It works well in dev mode. I manually put the image in web/assets as well in an attempt to debug.
The output on live website is a total blank page with the below errors. The header title is correct though.
I think basically the browser is looking for a route/file called '/flutter.js'. What can cause this? This does not happen in another simple app that I built with firebase and flutter.
I deployed the web folder instead of the build/web folder
Hi just created HelloWorld flutter application,
all the instructions followed by the official site,
if i run the application on emulator/genymotion getting blur screen, please check the attached image.
if i run same application on device then it is working fine.
How to solve this issue?
Some devices are not properly recognized to not support hardware rendering.
Run with the additional parameter
flutter run --enable-software-rendering
See also
https://github.com/flutter/flutter/issues/15451
https://github.com/flutter/flutter/issues/15605
I have an Ionic app which I currently serve as a web app by doing ionic serve
I have few questions about it:
By default in the served web app, it takes the iOS layout, can it be changed to the android layout instead? How?
In the android version of y ionic app when I do ionic serve --lab, some of the bottom part of the content is somehow cut off (I can not scroll till the end), however it looks perfect in iOS version. Why does this happen and how can I fix it?
When I try to make an APK out of it as mentioned in the following link http://ionicframework.com/docs/guide/publishing.html , I get a blank app on my android device. What could be the reason?
ionic serve --platform android
Are you taking in account that iOS scroll "stretches"? I mean, even when the scroll is all way down, you still can pull the content up. Maybe your content is indeed hidden (specially if you are using a footer bar. Actually, if you are using a footer bar, try to add a margin-bottom for your content equal your footer bar height.).
Have you checked if this happens when you run ionic run android? If this command works, try to run cordova prepare android before following the publishing procedure. If the command does not work, open chrome://inspect on your computer's chrome browser (with the device connected to your computer and running your app) and debug it to check if your code is being packed with the apk and/or the app is yielding some error messages.
Recently I noticed that all my websites give an error in Chrome console (removing adsense the error goes away):
Refused to display https://googleads.g.doubleclick.net/pagead/drt/si?p=******&dpt=1 in a frame because it set 'X-Frame-Options' to 'SAMEORIGIN'.
Nothing was changed, I don't use iframe, Ads is still visible. But I don't like this error, I read about youtube and maps error, but didn't find any about adsense.
What can I do to fix it?
Page of example: http://www.incinqueterre.com/en/trails-all
In my case the Google Publisher Toolbar was to blame - turning it off fixed the error.
I just started getting this error recently as well when using chrome.
From my searching around the interwebs, I found hte following information. It appears to be a bug in the webkit engine (chrome, safari, et al):
Invalid 'X-Frame-Options' header from google's Doubleclick response
https://bugs.webkit.org/show_bug.cgi?id=110857
Once Chrome (and maybe others) upgrade their version of webkit it will go away.
I am using the Cordova official Facebook plugin and run into a weird issue...
The login process, which previously worked just fine for me, is now open in some native Android "black-screen" view without any styling.
The functionality works just fine - the authentication process succeeds, so there is a consistent connection with Facebook. The thing is, I am expecting a Facebook view instead of only the text content without any styling. Here is an example with Facebook native Hackbook app:
Tried running on two different devices - the issue remains.
Tried with cordova 2.2.0, then started a fresh project with 2.5.0 - the issue remains.
Please advice.
UPDATE:
Well, I have spent too much time on this issue, and it seems like this is the new Facebook SDK for Android.
I really wish I am wrong here, but here are examples from Facebook's flow for Android:
https://developers.facebook.com/docs/howtos/androidsdk/3.0/login-with-facebook/
Also - when checking the other sample apps in the SDK, all of them behave the same. The only one that shows a Facebook page is the Hackbook, and by it might be because this app is implemented with the old API (version 2):
https://developers.facebook.com/docs/getting-started/facebook-sdk-for-android/3.0/
Hackbook: another sample app demonstrating a selection of Graph API calls. Note that this sample is untouched from v2.0 of the SDK, and demonsrates the SDK's backward-compatibility.
UPDATE 2:
Ok, digging a bit more into it, it seems that there is no iframe involved here, the screen can be changed as you wish with a regular android activity theme added to the activity.
Here is an example of adding one of Androids default themes to the androidMenifest.xml (you can of course create your own Faceboke like theme ):
<activity android:name="com.facebook.LoginActivity"
android:theme="#android:style/Theme.Black.NoTitleBar"
android:label="#string/facebook_login" />