Typescript Error(s)

Viewing 23 posts - 1 through 23 (of 23 total)
  • Author
    Posts
  • #11281

    Denissa
    Participant

    http://prntscr.com/jbwnhw

    http://prntscr.com/jbwno9

    I am getting a lot of errors like this and I don’t know where to start fixing it.

    Help will be greatly appreciated.

    #11310

    Alex
    Keymaster

    Please open cmd or terminal and navigate to your ionic project folder where your src folder is and try running this command :

    npm install [email protected]

     

    Try the above method first but if issue does not resolves then take backup of all ionic setup then
    rename the node_modules folder in your ionic project (where src folder is) to node_modules_BACKUP and also rename the package.json file to package_BACKUP.json .

    then download the package.json file from here : https://bit.ly/2I2F732

    Then place it in your ionic project .

    Then in terminal of cmd run :

    npm install

    #11322

    Denissa
    Participant

    Hi Alex,

    I did both as suggested but nothing changes at all.

    What should I do next?

    #11340

    Alex
    Keymaster

    Well this error is coming form the typescript module .
    Please refer this link .
    you typescript must be of old version .
    refer this reply and reply below it  : https://stackoverflow.com/a/30215409
    My tsc version is Version 2.5.2 .

    #11415

    Denissa
    Participant

    http://prntscr.com/jdnax0

    So what if I updated my tsc but this still occurs?

    #11424

    Alex
    Keymaster

    I think you did not read the point there . There might be two versions of typscript installed on your system and the ionic setup is taking the older one .
    refer : https://stackoverflow.com/a/30215409 

    Its ok to use the updated version but this error belongs to older version typescript .

    So please check global and local typescript versions

    #11425

    Alex
    Keymaster

    Try to do ionic setup using these courses on a a new system .

    https://wplms.io/course/how-to-install-ionic/

     

    https://wplms.io/course/getting-started-with-wplms-mobile-app/

    #11476

    Denissa
    Participant

    I’m sorry I still don’t get it.

    I followed https://stackoverflow.com/questions/30214022/declaration-or-statement-expected-error-in-angular2-or-typescript/30215409#30215409  and changed my path variable to the Typescript folder, but then I can’t run npm/ionic at all.

    My account is new so I can’t comment.

    Btw, this is the full error

    https://drive.google.com/open?id=1Yq6GtNCZB91Thzo_GgLRYwPiQdv-i5cHyXGHfn_UdCA

     

    #11490

    Alex
    Keymaster

    There can be two versions of typescript installed on your system or it might be a problem of node engine itself .

    I guess the only way to resolve this now is to un-install all node modules npm , and node itself and then re-installing again this time .
    Using the same courses I shared above .

    Did you try the setup on a different machine ?

    #11504

    Denissa
    Participant

    I reinstalled everything and it works now!

    I think I missed something with the java.

    Thanks a lot!

    #11505

    Denissa
    Participant

    Wait nvm it doesn’t work again

     

    #11506

    Denissa
    Participant

    Okay, so

    I reinstalled everything and followed the courses to the T, and yesterday I can serve the wplms app (like the student app) perfectly, but when I put my own website and ID a lot of error still happens.

    https://docs.google.com/document/d/1NpSUVUUf6_o6iSd7kixfH7zmCcC-v9UUsIZs79biWio/edit?usp=sharing

    Also I tried updated my typescript to 2.3.4 and reinstalled node_modules folder in my app folder but it still doesn’t work.

    Do you still think I should try it on another desktop?

    #11509

    Alex
    Keymaster

    okay please send me your site url and admin credentials .
    Also tell your system OS and its version ?

    PS  mark reply as private while sharing credentials .

    #11515

    Denissa
    Participant
    This reply has been marked as private.
    #11534

    Alex
    Keymaster
    This reply has been marked as private.
    #11556

    Denissa
    Participant
    This reply has been marked as private.
    #11575

    Alex
    Keymaster
    This reply has been marked as private.
    #11594

    Denissa
    Participant

    I redo my app again and I can launch the wplms default app.

    But when I tried mapping my site,

    http://prntscr.com/jgvzh8

    I changed http://prntscr.com/jgvymn to http://prntscr.com/jgvxzh.

    When I used the ionic serve command it still brings me to the wplms student app.

    https://wplms.io/course/getting-started-with-wplms-mobile-app/mapping-app-to-your-site-2/

    This course didn’t really have a solution to my prob.

    PS. Does java sdk 10 have to do with this?

    #11633

    Alex
    Keymaster
    This reply has been marked as private.
    #11687

    Denissa
    Participant

    Typescript Error
    Cannot find module ‘../components/lazy-img/lazy-img’.
    </div>

    C:/Users/Denissa/Io/pls/src/pages/course/course.ts

    import { LazyImgComponent } from ‘../components/lazy-img/lazy-img’;

    import { LazyLoadDirective } from ‘../directives/lazy-load.directive’;

    </div>
    </div>

    Typescript Error
    Cannot find module ‘../directives/lazy-load.directive’.
    </div>

    C:/Users/Denissa/Io/pls/src/pages/course/course.ts

    import { LazyImgComponent } from ‘../components/lazy-img/lazy-img’;

    import { LazyLoadDirective } from ‘../directives/lazy-load.directive’;

    import { ImgcacheService } from “../services/imageCache”;

    </div>
    </div>

    Typescript Error
    Cannot find module ‘../services/imageCache’.
    </div>

    C:/Users/Denissa/Io/pls/src/pages/course/course.ts

    import { LazyLoadDirective } from ‘../directives/lazy-load.directive’;

    import { ImgcacheService } from “../services/imageCache”;

    </div>
    </div>

    Typescript Error
    Cannot find module ‘../models/wallet’.
    </div>

    C:/Users/Denissa/Io/pls/src/pages/wallet/wallet.ts

    import { Storage } from ‘@ionic/storage’;

    import { Wallet } from “../models/wallet”;

    </div>
    </div>

    Typescript Error
    Cannot find module ‘ionic-cache’.
    </div>

    C:/Users/Denissa/Io/pls/src/services/quiz.ts

    import ‘rxjs/add/observable/of’;

    import { CacheService } from “ionic-cache”;

    </div>
    </div>

    Typescript Error
    Cannot find module ‘ionic-cache’.
    </div>

    C:/Users/Denissa/Io/pls/src/services/users.ts

    import ‘rxjs/add/observable/of’;

    import { CacheService } from “ionic-cache”;

    import { ToastController} from ‘ionic-angular’;

    </div>
    </div>
    Hmm i fixed it and it turns out like this

    #11707

    Alex
    Keymaster

    Can you please check if the file ” imageCache.ts ” are present at this location :

     ‘src/services/imageCache’ ??

    If yes then its again typescript error .
    Did you setup your ionic on a new system this time?

    You must have installed other frameworks on your system which are causing this strange errors in your setup .

    Typescripts of both frameworks may be creating conflicts .

    I would suggest you to let us create your app if there is not much customization  by ordering customization here : http://wplms.io/app/app-customization/

    its just $19 only .

     

     

    #11751

    Denissa
    Participant

    Oh geez, tried it on another system and it works fine.

    Oh, but the video player isn’t working, where can I find the code?

    Also can you give me an explanation about the customization?

    Thanks a lot

    #11754

    Alex
    Keymaster

    Well app supports inbuilt support for videos . you need to do these things in your site to make videos work .

    first of all please make sure that your unit type is set to video :
    refer :

    if videos are added added video using  wordpress media player, wplms s3 , or video vibe then it will be rendered in app automatically .

    if you are embedding the video then please make sure that you are using iframevideo shortcode .

    use the iframevideo shortcode like this :

    [iframevideo]iframe-code[/iframevideo]

    example :

     

    [iframevideo]<iframe src="https://www.youtube.com/embed/MFtX9ussRKk" width="560" height="315" frameborder="0" allowfullscreen=""></iframe>[/iframevideo]
Viewing 23 posts - 1 through 23 (of 23 total)
  • You must be logged in to reply to this topic.