Ionic 6 Vue Capacitor Full App
  • What is Ionic 6 Vue Capacitor Full App?
  • Understand the Frameworks
  • Template Features
  • Vue app setup
    • Initial Setup
    • Running the app
    • Building App on device
    • Deploying app as PWA
      • Deploy PWA on Firebase
  • Firebase setup
    • New Firebase Project Setup
    • Firebase Integration Into User App
  • Vue basics
    • Two way to use this Template
    • Removing a Page / Component
    • Removing a plugin
  • Group 3
    • Setting up Ionic Vue Apps (Basics)
  • Extras
    • Troubleshooting
    • FAQ
    • Changelog
Powered by GitBook
On this page
  1. Vue basics

Removing a plugin

How to remove a plugin in Ionic Capacitor app

PreviousRemoving a Page / ComponentNextSetting up Ionic Vue Apps (Basics)

Last updated 3 years ago

Installing plugin in Capacitor is a little different from Cordova. Since Cordova considers the platform code as build time asset, it compiles the platform every time a build is made.

Capacitor works differently. It compiles the platforms once, and further changes can be simply copied into the platforms using npx cap sync

Plugins are installed as npm or yarn package in Capacitor. Hence, to remove them,

  • You will have to remove the package from package.json and also remove it from node_modules using npm uninstall <packageName>

  • In case the package has already been copied to platforms, you will have to "undo" all the steps you did when attaching those packages / plugins to the platforms. E.g. When implementing Facebook Login in Capacitor, as detailed in our , You need to make few modifications in Android project using Android Studio

There are changes done in android/app/src/main/AndroidManifest.xml and android/app/src/main/res/values/strings.xml . All these changes need to be undone to remove all traces of the package from the project.

Check the details in our detailed for Facebook Login Plugin. A similar process will be needed for other plugins as well.

tutorial here
tutorial here