student app problem with IONIC

[jamo162]

Hello, I am experiencing problems with IONIC since it is not as you show on your tutorials. Please confirm which type of template should I choose when press ionic start (name of my project). (The folders created are not the same shown in the tutorials)   Have a look at http://somup.com/cqjrQpeTZl

[Harry]

Hi Because in the tutorial they have install all the dependencies. You have to go to the project directory and replace the src folder to the wplms src folder and i am sending the package.json file replace this file to the existing file and then serve this command npm install. This command will install all the dependencies.

[jamo162]

Could you clearly explain step by step with all the commands and files I must replace in order? Thank you

[Scott Lang]

Hi, You have to replace latest package.json : https://we.tl/t-uabWtvhgho (which is in root of you folder)  : http://prntscr.com/oy3sk6 After adding you have to change node_modules to node_modules_old  then run command in that root folder : npm install , which will install all dependencies for ionic project which are mentioned in package.json. It will create node_module latest. then command ionic serve to test your app in browser.

[Scott Lang]

Also please create app related topic in Our app support forum: https://wplms.io/forums/forum/app-support/

[jamo162]

Hello Scott, I replace the package json, but I dont know how to <span style="color: #4b4d4d; font-family: Lato; font-size: 14px;">run command in that root folder (the project is called zeta) to run npm install.</span> Should I after that replace the src of the app or before? I would also like to know if the app is going to be always update with my website, using the API, or if I add new content or images to the course I will need to redo everything?   Many thanks With kind regards Jaime

[Scott Lang]

Hi, you have to open command prompt(Windows) or Terminal (Mac) . Then navigate to your root path of your app ,refer this : https://www.digitalcitizen.life/command-prompt-how-use-basic-commands and rum command npm install. Info : We are using ionic (angular) for app build you can refer this : https://ionicframework.com/ You can refer tutorial for manipulation in app . We are using tracker if you update content in your site. it will update the data when you open the app again . (it makes tracker hit on app open . if you have course is in local-storage it will remove and new data will fetch from api ).

[Author]

Posts