installation issues

This topic contains 43 replies, has 4 voices, and was last updated by  Scott Lang 1 week, 6 days ago.

Viewing 30 posts - 1 through 30 (of 44 total)
  • Author
    Posts
  • #26290

    philippe
    Participant

    Hi there

     

    I`ve trying to compile the source code “ WPLMS APP v2.5 ” but couldn’t make it and faced with some issues and got some question to make sure that the procedure I follow is quite right

     

    For starting a new IONIC project The –v1 and –v2 flags have been removed so instead I used the command: “ ionic start MYAPP –type=ionic-angular tabs “

     

    And Got some WARNINGs as follow

     

    npm WARN deprecated @angular/[email protected]: Switch to @angular/common/http – see https://angular.io/guide/http

     

    npm WARN deprecated [email protected]: Please migrate to Workbox: https://developers.google.com/web/tools/workbox/guides/migrations/migrate-from-sw

     

    npm WARN deprecated [email protected].3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.

     

    Here is my questions

     

    A: Did I used the right command (ionic start MYAPP –type=ionic-angular tabs) for starting for IONIC project

     

    B: Are those warnings above crucial issues to get fixed or I MUST ignore them

     

    C: Do I need Android SDK Tool , JAVA SDK, JRE, ANT Apache, to installed as prerequisites for building the application

     

    D: when I want to apply the code following code to created project

     

    ionic cordova plugin add cordova-plugin-inappbrowser or cordova plugin add cordova-plugin-inappbrowser based on your version of ionic 2/3

     

    I Always get this error message

     

    Cannot find plugin.xml for plugin “or”. Please try adding it again

     

    [ERROR] An error occurred while running subprocess cordova

     

    Why this is happening and how to fix this error

     

    P.S

     

    I am running Windows 10 x64 and node.js and NMP , Cordova, JRE, JDK,SDK  latest versions are installed

     

    I would really appreciate that if you help to solve these issues

     

     

    Thanks

    #26357

    Harry
    Moderator

    Hey
    For creating ionic project:
    1-Type in the command : Ionic start projectname –v2 tabs
          If you get a message on –v2 that this option is deprecated, you can use the ionic start projectname –type=ionic-angular
    2-
    Yes for Developing app java environment is mandatory
    3-For ionic cordova plugin try this command
    cordova plugin add [email protected]
    This is the right command for adding cordova plugin if you want to remove this plugin then try this command with ”cordova plugin rm cordova-plugin-inappbrowser” 

     

    #26378

    philippe
    Participant

    d

     

    But there are still some issue to get solved

     

    There is a “ json “ file in the application source zipped file what should I do with that file? Should I replace it with the “package.json” in the project folder?

     

     

    In the command “ ionic cordova plugin add cordova-plugin-facebook4 –variable APP_ID=”491338181212175″ –variable APP_NAME=”??????” “

    What is the app name?  should I place the project folder name? or what

     

    Is Providing the Facebook APP API & Google Plus API key a must ? or we can just skip it by putting a false variable in the ts file?

    In the Installing necessary packages part there are some codes for version 2.0 of app as I am using 2.5 means that I should not apply these four line codes! Am I right?

    #26381

    philippe
    Participant

    Hi again Thanks for your kindness the Cordova plugin issue solved

    But there are still some issue to get solved

    There is a “ json “ file in the application source zipped file what should I do with that file? Should I replace it with the “package.json” in the project folder?

    In the command “ ionic cordova plugin add cordova-plugin-facebook4 –variable APP_ID=”491338181212175″ –variable APP_NAME=”??????” “
    What is the app name? should I place the project folder name? or what

    Is Providing the Facebook APP API & Google Plus API key a must ? or we can just skip it by putting a false variable in the ts file?
    In the Installing necessary packages part there are some codes for version 2.0 of app as I am using 2.5 means that I should not apply these four line codes! Am I right?
    For version 2.0 [Released on 27th December 2017]

    ionic cordova plugin add cordova-plugin-device

    npm install –save @ionic-native/device

    $ ionic cordova plugin add cordova-plugin-inapppurchase

    $ npm install –save @ionic-native/in-app-purchase

    Finally and after all I applied all the codes in the necessary packages section but got many error after running SERVE Command ? I don’t really know should I apply all the codes given in that section because some of those codes are quoted some NOT , nearly there are 17 line codes there.

    Here is my error logs PLEASE tell me what is wrong and this happening .

    Typescript Error

    Cannot find name ‘DragulaService’.

    C:/ionic-project/projectname/src/components/question/question.ts

    constructor(private config:ConfigService,

    private dragulaService: DragulaService) {

    Typescript Error

    Cannot find name ‘InAppBrowser’.

    C:/ionic-project/projectname/src/pages/course-status/course-status.ts

    public upload_assignment:UploadAssignmentService,

    private iab: InAppBrowser) {}

    #26382

    philippe
    Participant

    Typescript Error

    Cannot find name ‘InAppBrowser’.

    C:/ionic-project/projectname/src/pages/course/course.ts

    private loadingCtrl:LoadingController,

    private iab:InAppBrowser,

    private walletService: WalletService,

    Typescript Error

    Cannot find name ‘Camera’.

    C:/ionic-project/projectname/src/pages/login/login.ts

    private alertCtrl:AlertController,

    private camera: Camera,

    private iab:InAppBrowser,

    Typescript Error

    Cannot find name ‘InAppBrowser’.

    C:/ionic-project/projectname/src/pages/login/login.ts

    private camera: Camera,

    private iab:InAppBrowser,

    public appCtrl: App

    Typescript Error

    Cannot find name ‘Camera’.

    C:/ionic-project/projectname/src/pages/profile/profile.ts

    private alertCtrl:AlertController,

    private camera: Camera,

    private iab:InAppBrowser

    Typescript Error

    Cannot find name ‘InAppBrowser’.

    C:/ionic-project/projectname/src/pages/profile/profile.ts

    private camera: Camera,

    private iab:InAppBrowser

    ) {

    Typescript Error

    Cannot find name ‘Camera’.

    C:/ionic-project/projectname/src/pages/register/register.ts

    private alertCtrl:AlertController,

    private camera: Camera,

    private iab:InAppBrowser

    Typescript Error

    Cannot find name ‘InAppBrowser’.

    C:/ionic-project/projectname/src/pages/register/register.ts

    private camera: Camera,

    private iab:InAppBrowser

    ) {

    Typescript Error

    Cannot find name ‘Camera’.

    C:/ionic-project/projectname/src/pages/uploadassignment/uploadassignment.ts

    public config:ConfigService,

    private camera: Camera,

    private storage:Storage,

    Typescript Error

    Cannot find name ‘FileTransfer’.

    C:/ionic-project/projectname/src/pages/uploadassignment/uploadassignment.ts

    private action:ActionSheetController,

    private transfer: FileTransfer,

    private toastCtrl: ToastController,

    Typescript Error

    Cannot find name ‘Facebook’.

    C:/ionic-project/projectname/src/services/authentication.ts

    private config:ConfigService,

    public fb: Facebook,

    public loadingCtrl:LoadingController,

    Typescript Error

    Cannot find name ‘InAppBrowser’.

    C:/ionic-project/projectname/src/services/authentication.ts

    public toastCtrl:ToastController,

    private iab:InAppBrowser,

    private googlePlus: GooglePlus,

    Typescript Error

    Cannot find name ‘GooglePlus’.

    C:/ionic-project/projectname/src/services/authentication.ts

    private iab:InAppBrowser,

    private googlePlus: GooglePlus,

    private device: Device,

    Typescript Error

    Cannot find name ‘Device’.

    C:/ionic-project/projectname/src/services/authentication.ts

    private googlePlus: GooglePlus,

    private device: Device,

    private chatService:ChatService

    Typescript Error

    Property ‘applicationStorageDirectory’ does not exist on type ‘File’.

    C:/ionic-project/projectname/src/services/imageCache.ts

    private normalizeURlWKWview(url: string) {

    const urlIos = ${normalizeURL(this.file.applicationStorageDirectory)}Library/files/${normalizeURL(url)};

    return urlIos.replace(‘/localhost/persistent’, ”);

    Typescript Error

    Cannot find name ‘InAppPurchase’.

    C:/ionic-project/projectname/src/services/wallet.ts

    private config:ConfigService,

    private iap: InAppPurchase,

    private auth:AuthenticationService,

    #26432

    Harry
    Moderator

    Hey
    For inapp browser plugin try this command:
    cordova plugin add [email protected]
    and for generating google and Facebook key you should follow these step
    For Google
    -Create app in Firebase and put the generated sha1 in your app folder
    -And for facebook go to Facebook for developer and create a app
    then install facebook plugin with this command
    ionic cordova plugin add [email protected] –variable APP_ID=”216523699268333″ –variable APP_NAME=”careercube”
    For google plugin
    ionic cordova plugin add cordova-plugin-googleplus –variable REVERSED_CLIENT_ID=com.googleusercontent.apps.28t4ean3v6p3ftcmviinu81b84p5vicr-476299512412
    You should generate the Reverse client id
    If you follow This course you will generate your app
    https://wplms.io/course/getting-started-with-wplms-mobile-app/

     

    #26434

    Harry
    Moderator

    If the version of plugin will conflict then the occur will occur
    so please keep in to mind to check the version of plugins.

    #26479

    philippe
    Participant

    Thanks for you answer

    But I do not really know what is the ” Package.json ” in the source file you included and the tutorial does NOT show anything about it and had nothing to do with

    Currently I am using Ionic Version 5.0 and the latest Cordova , should I downgrade the ionic to version 3 or 4

    or should I say what is the recommended Ionic version for WPLMS APP

    I would really appreciate it if you answer these questions

    Thanks

    #26483

    Harry
    Moderator

    Hey
    install ionic 4.2.1
    Through 1 st command ionic start pjectname
    Through this command package.json is created this folder is nothing but a indexing folder where all the plugin present.

    #26568

    philippe
    Participant

    Thank you

    I Installed the ionic 4.2.1 and many issues soled thankfully

    There are still some remained issues come from Incompatibility version of some installed plugins

    One: What is the recommended version for cordova

    Two : What is the recommended version for cordova-plugin-camera

    Three: What is the recommended version for cordova-plugin-inappbrowser

    Finally

    Here are the warning logs when I try to install some Cordova Plugins and it says

    “You must install peer dependencies yourself”

    Don`t Really know what is that supposed to mean

    npm WARN @ionic-native/[email protected] requires a peer of @ionic-native/[email protected]^4.11.0 but none is installed. You must install peer dependencies yourself.
    npm WARN @ionic-native/splash[email protected] requires a peer of @ionic-native/[email protected]^4.11.0 but none is installed. You must install peer dependencies yourself.
    npm WARN @ionic-native/[email protected] requires a peer of @ionic-native/[email protected]^3.6.0 but none is installed. You must install peer dependencies yourself.
    npm WARN [email protected] requires a peer of [email protected]^5.0.0 but none is installed. You must install peer dependencies yourself.
    npm WARN [email protected] requires a peer of @angular/[email protected]^6.0.3 but none is installed. You must install peer dependencies yourself.
    npm WARN [email protected] requires a peer of [email protected]^6.0.0 but none is installed. You must install peer dependencies yourself.
    npm WARN @ionic-native/[email protected] requires a peer of [email protected]^6.5.0 but none is installed. You must install peer dependencies yourself.
    npm WARN @ionic-native/[email protected] requires a peer of @ionic-native/[email protected]^5.1.0 but none is installed. You must install peer dependencies yourself.

    #26600

    Harry
    Moderator

    Hey
    Your ionic version is perfect.
    1-ionic cordova-plugin-camera version
    cordova plugin add [email protected]
    2-cordova-plugin-inappbrowser version
    cordova plugin add [email protected]
    For Android install these plugins

    cordova plugin add [email protected]
    cordova plugin add [email protected]
    cordova plugin add [email protected]
    cordova plugin add [email protected]
    cordova plugin add [email protected]
    cordova plugin add [email protected]
    cordova plugin add [email protected]
    cordova plugin add [email protected]
    cordova plugin add [email protected]
    cordova plugin add [email protected]
    cordova plugin add [email protected]
    cordova plugin add [email protected]
    cordova plugin add [email protected]

    #26615

    philippe
    Participant
    This reply has been marked as private.
    #26648

    Harry
    Moderator

    Hey
    wait i am working on your app
    update u soon.

    #26665

    philippe
    Participant

    Thanks a lot.

    #26866

    Harry
    Moderator

    Hey
    This error occur because of firebase http://prntscr.com/o4pl2s
    so please create a project in firebase for live chat.
    Reffer this: https://wplms.io/course/getting-started-with-wplms-mobile-app/customising-chat/
    go to enable chat in app

    #26882

    philippe
    Participant
    This reply has been marked as private.
    #26967

    philippe
    Participant

    Hey there

    I was about to forget asking you that as far as I know for WPLMS APP Chat we gotta install ” WPLMS Live Chat Plugin ” But I do NOT have it yet Thus should I buy it or Chat feature can be an option to get skip

    #27037

    Harry
    Moderator

    Hey
    if you want then you should buy it otherwise you should skip this feature.

    #27116

    philippe
    Participant

    I see,

    So I prefer to skip chat feature for now but in near future I am planning to implement chat feature to both web and APP

    By the way did you finish the project file

    #27151

    Harry
    Moderator

    Yes i am sending the debug app

    #27431

    philippe
    Participant

    Hi

    it took so long. what is going on with the project files

     

    #28497

    philippe
    Participant

    please send me debug app files

    I am waiting for you

    #28637

    Scott Lang
    Keymaster

    Hi,

    We have share you debug app with intro image and text changed from@Diana.

    Please check your mail_id..

    #28710

    philippe
    Participant

    Hi,

    I checked out my email and spam folder, but i still did not receive any emails from your team.

    #28711

    philippe
    Participant
    This reply has been marked as private.
    #29230

    WPLMS
    Keymaster

    Hi,
    Apologies for all the delays. There was another user with the same name asking for the debug app and there was some confusion on whether the app was emailed.

    Please share Your site link and WP admin details in a private reply below and we’ll give you a sample debug Android app of your site in few hours.
    To build your app we would need :

    1. a icon image with size 2732 X 2732 and logo image in app with any size .

    2. a splash image with size 2732 X 2732 .

    Icon image is the app icon for mobile.

    refer : http://prntscr.com/hb500k

    And splash image is the image which show up while app is loading in the beginning .you might have seen it on our demo app : http://prntscr.com/hb4yup

    #29531

    philippe
    Participant
    This reply has been marked as private.
    #29671

    Harry
    Moderator

    Hey
    site credential is getting error :http://bit.ly/2y4z3Ta

    #29684

    philippe
    Participant
    This reply has been marked as private.
    #29686

    Harry
    Moderator
    This reply has been marked as private.
Viewing 30 posts - 1 through 30 (of 44 total)

You must be logged in to reply to this topic.

Template Design © VibeThemes. All rights reserved.