Skip to main content

Setup existing IONIC project in local

Setup existing IONIC project in local 

Steps:

  1. clone git repo
  2. install ionic - npm install -g @ionic/cli
  3. masuk folder repo project
  4. install npm dependencies - npm install
  5. run ionic project - ionic serve
  6. buka android studio / xcode - ionic cap open $var - $var = ‘android’ atau ‘ios’. ada dua je option, replace $var dgn dua option tu
  7. sync changes vscode & dkt android studio / xcode - ionic cap sync
  8. good luck


Common issues:

  1. dependency conflict
    • check https://www.npmpeer.dev/ utk tengok version yg compatible
    • try naikkan/turunkan version dependency yg keluar dkt error. tembak je sampai hilang error
  2. gradle issue
    • try upgrade gradle. kalau tak boleh, try remove folder android & build semula
  3. error cocoapod
    • make sure install xcode
    • make sure install cocoapod
  4. error java home not found
    • utk mac, buka ~/.zshrc & masukkan
  5. changes dkt VSC tak masuk android studio / xcode
    • try ionic cap sync
    • try quit & buka semula
  6. cordova.variables.gradle not found/exist
    • npm run build
    • npx cap sync android
  7. issue with google GMS thing
    • update the version in build gradle, then sync & build again


Common trouble shoot for weird issues:

  1. clean & rebuild project
  2. delete & clone back.
    • then run these commands:
    • reinstall npm dependencies - npm install
    • create www folder - npm run build
    • sync android dependencies - npx cap sync android 

Check NPM dependency compatibility


https://www.npmpeer.dev/


Ni website utk check npm dependency. kalau install dependency baru, boleh make sure dulu capacitor/core tu compatible tak dengan version dependency yg nk guna.


contoh: nk guna @capacitor/camera.

  • input pertama masukkan nama dependency
  • input kedua masukkan nama core yg dependency tu guna. in this case @capacitor/core
  • input ketiga ni version utk input kedua. so version @capacitor/core. tengok pada file package.json & dapatkan version.
  • tekan search, akan keluar version yg compatible. kalau nk tengok table full semua version, boleh klik link see all






Kalau ada masalah dgn gradle masa nk build app sbb error dkt dependency barcodescanner, boleh pergi ke file berikut:


        node_modules/phonegap-plugin-barcodescanner/src/android/barcodescanner.gradle


tukar line berikut:


dependencies {

  compile(name:'barcodescanner-release-2.1.5', ext:'aar')

}


kepada:


dependencies {

  implementation(name:'barcodescanner-release-2.1.5', ext:'aar')

}








Comments

Popular posts from this blog

🪄 Useful git spells

Navigating the world of Git can be akin to mastering an arcane art. For the savvy developer, knowing the right incantations can mean the difference between seamless collaboration and catastrophic code conflicts. Here's a compendium of Git commands that are essential for those critical moments. Handle them with care, for they wield great power. Reverting to a Specific Commit (Non-Shared Branches Only) When you need to undo changes and return to a known good state: `git reset --hard <commit-hash>` - This will reset your branch to the specified commit. `git push -f origin` - Force push the changes to overwrite the remote branch. Merging Branches Like a Pro To incorporate changes from one branch into another, follow these steps: `git checkout <branch-to-merge-to>` - Switch to the branch you want to update. `git fetch origin` - Fetch the latest changes from the remote. `git pull` - Pull the latest changes into your local branch. `git status` - Check the status of your branch...

Vulnerabilities in dependencies used in projects

  Vulnerabilities in dependencies used in projects The case of 4Chan never updated any dependencies since 2009 one dependency used was publicly-known to have multiple critical vuln Ghostscript - https://security.snyk.io/vuln?search=ghostscript Local File Inclusion - process pdf files but never checked if the pdf is actually pdf Remote code execution - after injecting. can run scripts on the server The modern wake up call - this event reminded everyone to stay up to date with dependencies updates Dependencies we’re using: mPDF - fixed vuln for versions lower than 7.1.8 deserialization of untrusted data - similar with how 4chan got hacked aws/aws-sdk-php - fixed path traversal vuln for versions lower than 3.288.1 can go back and open directories that are not public arbitrary code execution vuln for versions lower than 3.2.1 Best practices: stay up to date with the tech world join forums like reddit and stackoverflow check websites that publish security reports snyk security - https:/...