Setup WPLMS Ionic App

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

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="491338181212175" --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

If you have errors like:

Typescript Error
Cannot find name ‘DragulaService’.

Typescript Error
Cannot find name ‘VgAPI’.

...

Try:

• npm install ng2-dragula dragula –save
• npm install dragula –save
• npm install videogular2 –save
• npm install –save @types/core-js
• ionic cordova plugin add cordova-plugin-inappbrowser
• npm install –save @ionic-native/in-app-browser
• ionic cordova plugin add cordova-plugin-camera
• npm install –save @ionic-native/camera
• npm install –save @ionic-native/facebook
• npm install ionic-cache @ionic/storage –save
• ionic cordova plugin add cordova-plugin-file-transfer
• npm install –save @ionic-native/file-transfer
• npm install –save @ionic-native/transfer
• npm install imgcache.js –save
• ionic cordova plugin add cordova-plugin-file
• npm install chart.js –save
• ionic cordova plugin add cordova-plugin-facebook4 –variable APP_ID=”appid” –variable APP_NAME=”application name”
• ionic cordova plugin add cordova-plugin-googleplus –variable REVERSED_CLIENT_ID=clientid –save
• npm install –save @ionic-native/google-plus

If you have this error: Cannot find name 'firebase'.

Yo have to do this steps:

sudo npm cache clean -f sudo npm install -g n sudo n stable

sudo npm install firebase angularfire2 --save

Error in install the wplms app with cannot get /

Refer to this tutorial: https://wplms.io/course/getting-started-with-wplms-mobile-app/

WPLMS working package.json file: https://gist.github.com/shubham-99fusion/f673d1d7a9fb3971a9dba5fbc07818b3

WPLMS working plugin version: https://gist.github.com/shubham-99fusion/9f24d48af1559fb5cebed0ad3f19cc04

Steps WPLMS-app setup: https://gist.github.com/shubham-99fusion/b9390410773f70106d329e7de885c932