Typescript Error(s)

[Denissa]

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.

[admin]

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

[Denissa]

Hi Alex, I did both as suggested but nothing changes at all. What should I do next?

[admin]

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 .

[Denissa]

http://prntscr.com/jdnax0 So what if I updated my tsc but this still occurs?

[admin]

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

[admin]

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/

[Denissa]

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  

[admin]

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 ?

[Denissa]

I reinstalled everything and it works now! I think I missed something with the java. Thanks a lot!

[Denissa]

Wait nvm it doesn't work again  

[Denissa]

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?

[admin]

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 .

[Denissa]

This reply has been marked as private.

[admin]

This reply has been marked as private.

[Denissa]

This reply has been marked as private.

[admin]

This reply has been marked as private.

[Denissa]

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?

[admin]

This reply has been marked as private.

[Denissa]

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

[admin]

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 .    

[Denissa]

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

[admin]

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]

[Author]

Posts