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 /


Leave a Comment