Skip to content

Instantly share code, notes, and snippets.

@DKabwe5
Forked from MrVibe/wplms app
Created April 25, 2020 17:31
Show Gist options
  • Save DKabwe5/61c3d81a77cd3882f3a4730d30643849 to your computer and use it in GitHub Desktop.
Save DKabwe5/61c3d81a77cd3882f3a4730d30643849 to your computer and use it in GitHub Desktop.
Latest WPLMS App [November 2019] - Tested [6th March 2020]
/*====
Ionic:
Ionic CLI : 5.4.4
Utility:
cordova-res : not installed
native-run : 0.2.8 (update available: 0.3.0)
System:
NodeJS : v10.15.0
npm : 6.10.3
OS : macOS Catalina
*===/
node -version : 10.15.0
remove ionic and cordova first so that caching will not effect
npm uninstall -g ionic cordova
then install this version
npm install -g ionic cordova
create ionic app
ionic start helloWorld blank --type=ionic-angular
or ionic start helloWorld blank --type=angular
check if created app works on browser : To run your app, cd into the directory that was created and then run the ionic serve command to test your app right in the browser!
cd helloWorld
ionic serve
place src and given package.json file to root of you project and run these commands to install the plugin
ionic cordova plugin add cordova-plugin-camera@2.4.1
ionic cordova plugin add cordova-plugin-inappbrowser@1.7.2
ionic cordova plugin add cordova-plugin-camera@2.4.1
ionic cordova plugin add cordova-plugin-compat@1.2.0
ionic cordova plugin add cordova-plugin-console@1.0.5
ionic cordova plugin add cordova-plugin-device@1.1.7
ionic cordova plugin add cordova-plugin-file@4.3.3
ionic cordova plugin add cordova-plugin-file-transfer@1.6.3
ionic cordova plugin add cordova-plugin-inappbrowser@1.7.2
ionic cordova plugin add cordova-plugin-inapppurchase@1.1.0
ionic cordova plugin add cordova-plugin-splashscreen@4.1.0
ionic cordova plugin add cordova-plugin-statusbar@2.4.2
ionic cordova plugin add cordova-plugin-whitelist@1.3.3
ionic cordova plugin add cordova-sqlite-storage@2.0.4
ionic cordova plugin add ionic-plugin-keyboard@2.2.1
ionic cordova plugin add cordova-support-google-services@1.3.2
ionic cordova plugin add phonegap-plugin-barcodescanner@8.1.0
ionic cordova plugin add phonegap-plugin-push@2.3.0
ionic cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID=myreversedclientid
ionic cordova plugin add cordova-plugin-facebook4@1.7.4 --variable APP_ID="facebookappID" --variable APP_NAME="WPLMS Mobile App"
After that rename the node_modules folder to old_node_module (or any name)
then run command : npm install
Error solution
can not find firebase module fix : npm install --save firebase@6.2.4
app-scripts fix : npm install @ionic/app-scripts@3.2.4 --save-dev
for sass error fix : npm rebuild node-sass
Place google-services file, as shown below :
https://wplms.io/unit/installing-firebase-packages/?id=641
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment