Flutter web not working in firebase hosting - firebase

I am using firestore in flutter web. Everything is working fine in local i.e,Android studio chrome. But when I hosted in firebase hosting (firebase serve) it's not working. The browser console giving error.
Uncaught TypeError: firebase.firestore is not a function
at Object.arO (top_level.dart:125)
at cloud_firestore_web.dart:26
at alN.a (async_patch.dart:308)
at alN.$2 (async_patch.dart:333)
at Object.N (async_patch.dart:238)
at Object.T8 (main.dart:8)
at js_helper.dart:3221
at js_helper.dart:3221
at dartProgram (js_helper.dart:3221)
at js_helper.dart:3221
pubsec.yaml
name: chitragupta
description: Monthly expenditure tacker
version: 1.2.0+2
environment:
sdk: ">=2.2.2 <3.0.0"
dependencies:
flutter:
sdk: flutter
cupertino_icons: ^0.1.2
flutter_launcher_icons: ^0.7.2
material_design_icons_flutter: ^4.0.5145
firebase_core: ^0.4.3+2 #For firebase database
firebase_auth: ^0.16.0 #firebase Authentication
shared_preferences: ^0.5.7 #for local storage
shared_preferences_web: ^0.1.2+4
intl: ^0.16.0
flutter_datetime_picker: ^1.2.6
fluttertoast: ^3.1.3
package_info: ^0.4.0+13
image_picker: ^0.6.2+3
http: ^0.12.0+2
charts_flutter: ^0.8.1
flutter_svg: ^0.17.4
cloud_firestore: ^0.13.5
dev_dependencies:
flutter_test:
sdk: flutter
flutter:
uses-material-design: true
assets:
- assets/
flutter_icons:
image_path: "assets/logo.png"
android: true
ios: true
I don't know where that line of code is written in my flutter project. Any help to solve this?
Update: App working perfectly fine in Godaddy hosting but not in firebase hosting

I have had similar issues. I fixed it by making sure I referenced all of the correct scripts in my index.html file. Look at the available libraries under Step 5 here: https://firebase.google.com/docs/web/setup#available-libraries
The script tags that are included here do not include defer in the script tag and you may need that to fix your issue eg. <script defer src=...>.

Related

Flutter Flash Chat application - Firebase problem

when iam tryin to run the app after adding the following dependencies i got this issues - by the way iam studding anjela flutter course
dependencies:
firebase_core: ^1.2.0
firebase_auth: ^1.2.0
cloud_firestore: ^2.2.0
These warnings can be safely ignored. It just indicates that the packages use deprecated APIs.

Firebase UserCredential and initializeApp error in my flutter app

Am having this problem in my app where UserCredential is showing an error like this
I have firebase_auth installed already in my pubspec.yaml file and imported import 'package:firebase_auth/firebase_auth.dart'; but it still keeps throwing this error and the same happen to my await Firebase.initializeApp(); in main.dart. I don't know where this issue is coming from, I even upgraded my flutter to flutter 2.0 and it still persist.
Pubspec.yaml
dependencies:
google_sign_in: ^5.0.0
firebase_auth:
provider: ^5.0.0
flutter_switch: ^0.2.0
shared_preferences: ^0.5.12+4
image_picker: ^0.6.7+17
flutter_image_compress: ^0.7.0
cached_network_image: ^2.5.0
image_cropper: ^1.3.1
intl: ^0.17.0
http: ^0.12.2
transparent_image: ^1.0.0
animations: ^2.0.0
smooth_star_rating: ^1.1.1
csc_picker: ^0.0.4
flutter:
sdk: flutter
Please is there something am missing because it was working yesterday but today it isn't even after created a new folder and moving everything to it. Please help and if you need more explanation you can ask.
Try adding firebase_core as dependency. As all the firebase product depends on it.

how to add firebase_messaging dependency without application failture

I need to get device token for sending notifications. When I add firebase_messaging dependency, my application is not working or opening. It says that "application is unfortunately stopped". A demo application for testing 'notification sending function' is working on my versions. Could anyone help this?
dependencies:
cloud_firestore:
google_sign_in:
firebase_storage:
fluttertoast:
shared_preferences:
image_picker:
cached_network_image:
intl:
firebase_auth: ^0.8.4+5
flutter:
sdk: flutter
cupertino_icons: ^0.1.2

Firebase services conflict

Some times my application crash when I build my project using the firebase firestore and firebase storage dependencies togheter, it's something sporadic, how can I fix this? I need to use some specific version?
My pubspec.xml
dependencies:
flutter:
sdk: flutter
path_provider:
firebase_auth:
cloud_firestore:
firebase_storage: <------ The crashes begun when I add this firebase_storage dependencie
sqflite:
flutter_map: "^0.1.4"
date_format: "^1.0.4"
image_picker:
google_maps_flutter:
git:
url: git://github.com/flutter/plugins
path: packages/google_maps_flutter
# The following adds the Cupertino Icons font to your application.
# Use with the CupertinoIcons class for iOS style icons.
cupertino_icons: ^0.1.2
I think that the application crash when I call
Firestore.instance.collection("users").document(uid).get().then((DocumentSnapshot documentSnapshot){
.....
.....
}
I solved my problem using this
await Firestore.settings(timestampsInSnapshotsEnabled: true);
GitHub problem
GitHub example

Flutter with firestore missing method

MissingPluginException(No implementation found for method DocumentReference#get on channel plugins.flutter.io/cloud_firestore)
Hello, i keep having this message for all the methods of firestore with flutter on an android device simulator.
I followed the install instruction ("gms...google services" in first gradle and plugin on app gradle file, + the google services.json on app folder.
It seems that i should add the firestore api on the android dependencies but this is not on the officiel installation guide.
my pubspec.yaml :
environment:
sdk: ">=2.0.0-dev.68.0 <3.0.0"
dependencies:
flutter:
sdk: flutter
firebase_core: ^0.2.5
# firebase_auth: ^0.5.20
cloud_firestore: ^0.8.0
rxdart: ^0.18.1
Plugins depend on the native platform. You need to mock it to make code depending on it run without a device/emulator.
See https://docs.flutter.io/flutter/services/MethodChannel/setMockMethodCallHandler.html, https://docs.flutter.io/flutter/services/BinaryMessages/setMockMessageHandler.html, https://docs.flutter.io/flutter/services/BasicMessageChannel-class.html

Resources