_flutter is not defined error in index.js - Flutter Web - flutter

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

Related

new builds showing old pages on ionicframework

I have created a ionic react app for cross-platform mobile apps , and using https://dashboard.ionicframework.com/ to generate builds
on home page, changed complete design and data.
now when I generate new build, for ios/android first it shows updated page and data
but when I refresh screen with pull to refresh it changes back to old design and data
and some time going to another screen and than coming back to home screen it shows old stuff
while the web version works fine
don't know whats happening here
You need to do ionic build first then npx cap sync.It sounds like you haven't build it yet.

How to upload image in flutter Integration Test?

I have one image file that I need to upload it in Integration Test Flutter. I am not getting any help from Flutter : Integration Test documentation
I have created one folder
test_upload_files and added .png file in it and wrote the object identification of Upload Feature
then I have fetched the path of the file and tried to upload it but there are no predefined methods to upload.
I got stuck here, how to automate this Upload Functionality ?
and there is one more catch, need to enable location or camera which is from Native app, is there any solution to enable these services by default, like how we do it in Web applications using Browser Desired Capabilities?
By using flutter code can we interact with Native apps of apk and ios ?
[1]: https://i.stack.imgur.com/wvBLr.png
See the Patrol project – it lets you interact with native permission dialogs, and basically everything, from within your Flutter integration test written in Dart.
This issue demonstrates how you'd upload a single file on Android.
Disclaimer: I'm the main developer of Patrol.

Flutter web apps containing tracker from UNPKG

I have just build a flutter web app - when running it in a safari browser I can see it has blocked one tracker UNPKG
Do you know why? I have not added any tracker my self. To recreate this, just create a standard flutter app: flutter create and build it to release for web.
Could it be some local to the app itself, loading some content?
Flutter downloads some fonts and CanvasKit on launch. It's the same reason sometimes you'll load the app and nothing will show until you refresh and the same reason Amazon's logo seems to vanish. The difference being Amazon is hosting their own stuff and if you're like me you don't want to rely on everyone and their brother to print hello world. The solution's here if you haven't already googled it: https://github.com/flutter/flutter/issues/70101

How to execute Add 2 home from dart?

I have created an app on all 3 platforms: iOS, Android and Web. I also have manifest.json and other things required for PWA. I have deployed it to firebase hosting. Now what I want to do is manually trigger the Add to Home screen on tap of a button. The real problem is though all the articles shows code to be paste on JS side while I have all the UI in dart so How do I listen for beforeinstallprompt and trigger add to home screen manually ? I'm struggling with this from last 3 days but no luck. I have this package installed universal_html: ^1.2.3. If anyone knows how to do this please help me out.
What about writing those code in normal JavaScript, and then call it from Dart(flutter web).
There are many resources about that. For example, Flutter Web : How to run javascript using dart js
In addition, do not forget that, when you are writing Flutter web, you have the full control over the HTML/JS/CSS/Dart. Thus nothing can stop you from writing JS code :)

Jquerymobile HTML5 Iphone App Add to Home screen

I'm creating a Mobile App with JQM and JSP I'm using Bookmark bubble to do this, but I just want to ensure I understand what is happening behind the scenes here.
Is the static HTML generated by my JSP saved locally on the iPhone?
Does clicking on the APP always get fresh info from my online server or does it cache?
I'm assuming it still uses Safari to render? And just hides the toolbar etc?
If instead of hosting this online, I packaged it as an Apple App and it went on App store,
would the device still use safari to render it?
Thanks!
Documentation is at: https://developer.apple.com/library/content/documentation/iPhone/Conceptual/SafariJSDatabaseGuide/OfflineApplicationCache/OfflineApplicationCache.html
It's possible to cache the page(s) locally.