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.

[Alex]

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?

[Alex]

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?

[Alex]

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

[Alex]

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

 

[Alex]

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?

[Alex]

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.

[Alex]

This reply has been marked as private.

[Denissa]

This reply has been marked as private.

[Alex]

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?

[Alex]

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

[Alex]

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

[Alex]

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