How to fix 'Google services version conflict (Maps / FCM)' - google-maps

the problem happens after add google map plugin in this link
https://github.com/mapsplugin/ionic-googlemaps-quickdemo-v4
this google map work fine in ios but when I try to run it on android
get this error
[cordova] * What went wrong:
[cordova] Execution failed for task
':app:processDebugGoogleServices'.
[cordova] > Please fix the version conflict either by updating the
version of the google-services plugin (information about the latest
version is available at https://bintray.com/android/android-
tools/com.google.gms.google-services/) or updating the version of
com.google.android.gms to 10.+.
[cordova]
[cordova] * Try:
[cordova] Run with --stacktrace option to get the stack trace. Run
with --info or --debug option to get more log output. Run with --
scan to get full insights.
[cordova]
[cordova] * Get more help at https://help.gradle.org
[cordova]
[cordova] BUILD FAILED in 38s
[ERROR] An error occurred while running subprocess cordova.
cordova build android exited with exit code 1.
I try all these solutions but not work for me but work for someone
1- https://forum.ionicframework.com/t/ionic-processdebuggoogleservices-version-conflict/132560
2- https://github.com/arnesson/cordova-plugin-firebase/issues/1093
3- https://forum.ionicframework.com/t/execution-failed-for-task-app-processdebuggoogleservices-please-fix-the-version-conflict-either-by-updating-the-version-of-the-google-services-plugin-version-of-com-google-android-gms-to-11-8-0/125610
4- https://forum.ionicframework.com/t/google-services-version-conflict-maps-fcm/93695/51
5- https://forum.ionicframework.com/t/google-services-version-conflict-maps-fcm/93695

The problem happens because I am using the old version from FCM plugin it works fine before adding google map plugin the conflict happens because of the 10.+ and 15.0.1 not the same and not compatible.
cordova.system.library.2=com.google.firebase:firebase-core:10.+
cordova.system.library.3=com.google.firebase:firebase-messaging:10.+.
and
cordova.system.library.4=com.google.android.gms:play-services-maps:15.0.1
cordova.system.library.5=com.google.android.gms:play-services-location:15.0.1
the solution is very simple and funny for me on these steps
1- uninstall fcm plugin using this command.
ionic cordova plugin rm cordova-plugin-fcm-with-dependecy-updated
2- install fcm plugin
ionic cordova plugin add cordova-plugin-fcm-with-dependecy-updated
3- remove the android platform
ionic cordova platform rm android
4- add android platform
ionic cordova platform add android
now everything is ok
go to android platform and open project.properties
you found the changes
like that
cordova.system.library.2=com.google.firebase:firebase-core:16.0.9
cordova.system.library.3=com.google.firebase:firebase-messaging:18.0.0
now run
ionic cordova run android
I hope that helpfull anyone thanks.

Related

Cordova Google Maps Plugin Installation For Phonegap

I'm trying to install cordova-plugin-googlemaps for phonegap, but it gives me this error:
Failed to install 'cordova-plugin-googlemaps': CordovaError: Uh oh!
target destination "/Users/imac/Desktop/app/FFG - City
Guide/platforms/ios/FFG - City
Guide/Resources/pgm_Localizable.strings" already exists
I checked above mentioned folder, but pgm_Localizable.strings not really exists. Please Help Me. Thank You!
Try removing and re-adding ios:
$> cordova platform rm ios
$> cordova platform add ios

Cordova build error :transformclasseswithdexfordebug

When I try build app I get this error what I do?
I tried re-install node.js and cordova but it didn't work.
Why not use Ionic to build your app via Cloud.
First, run
ionic io init
Create account on Ionic website, put in the details on command live as asked.
Run the below command.
ionic package build android
No need to install anything, files will be built online.

Ionic 2 - Google Maps working in browser, but not device

I have the following implementation of Google Maps api (see link below). It works perfectly when I run ionic serve and test it in a browser. However, when I do cordova build and deploy the apk to my android 6.0.1 phone, it fails. The map does not load and it hangs on the loading spinner.
If anyone has any ideas, I would appreciate the help.
Thanks
https://forum.ionicframework.com/t/google-maps-working-in-browser-but-not-device/58819
SOLVED:
I ran the following, and low the map loads on the device too:
cordova plugin add cordova-plugin-geolocation
Run the following commands:
ionic plugin add cordova-plugin-geolocation
and
npm install --save #ionic-native/geolocation`
This link would be helpful.

What does this Cordova registry warning mean in the github facebook login plugin documentation?

After navigating to the github documentation for facebook from intel xdk plugin management section the second most prominent thing you see on the page is this.
<< --- Cordova Registry Warning [iOS]
Installing this plugin directly from Cordova Registry results in Xcode using a broken FacebookSDK.framework, this is because the current publish procedure to NPM breaks symlinks CB-6092. Please install the plugin through a locally cloned copy or re-add the FacebookSDK.framework to Xcode after installation.
------------------------------------------ >>
The link the the github page is here
https://github.com/Wizcorp/phonegap-facebook-plugin.
Can someone explain what this really means? It's already terribly confusing to get the basic fb login up and running on my mobile app, this warning is confusing the process for me even more as it assumes I know more than I do.
Can someone break this down in beginner terms? Thank you.
Problem
The FacebookSDK.framework will be delivered broken if you fetch it from NPM, because the publish procedure to NPM breaks symlinks. I can't tell you more then that.
Workaround
The workaround is cloning the repository of the plugin 'phonegap-facebook-plugin' with GIT and adding the plugin to your PhoneGap/Cordova project.
Enter the following command in your CMD or Terminal to clone the repository:
git clone https://github.com/Wizcorp/phonegap-facebook-plugin
Enter the following command in your CMD or Terminal to add the plugin to your PhoneGap/Cordova project:
cordova -d plugin add /path/to/cloned/phonegap-facebook-plugin --variable APP_ID="123456789" --variable APP_NAME="myApplication"
Solution
The developers of the plugin 'phonegap-facebook-plugin' have a solution for cordova > 4.0.0 in the develop branche of the plugin's repository.
More info for installing the plugin:
Android
iOS

Visual Studio 2013 native cordova app build error

I just installed and repaired my VS2013 to build Native Cordova App. I have also installed the latest version of NodeJS but whenever I am trying to build the Application It gives me an error. I am uploading an image for more details on error as I believe image provide more info than text.
Posting error details if error is not clear in an image
Cannot find module 'q'.
The command ""C:\Users\nnnc\AppData\Roaming\npm\node_modules\vs-mda\vs-cli" prepare --platform Android --configuration Debug --projectDir . --projectName "BlankCordovaApp1" --language "en-US"" exited with code 8. C:\Users\nnnc\AppData\Roaming\npm\node_modules\vs-mda-targets\Microsoft.MDA.targets
I have advanced a little bit more but having hard time to run the application I have to manually installed all the required module. but now whenever I am running my project I get an error of web page is not available. please look at the attached image again.
I found that running npm install from within /vs-mda/ solved all my problems.
found the fix and that Involved manually loading packages like q via node js and in the end the fix for web page is not available was that ripple has changed and now we should not add it as an extension via chrome. it should be done via node js as well as below
npm install ripple -g
but before doing that delete it from chrome if you have got it otherwise just run the command.
Regards