installation issues

This topic contains 9 replies, has 2 voices, and was last updated by  philippe 17 hours, 25 minutes ago.

Viewing 10 posts - 1 through 10 (of 10 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/

     

    • This reply was modified 2 days, 18 hours ago by  Harry.
    #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/[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.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

Template Design © VibeThemes. All rights reserved.