When trying to use any ionic plugins getting error

[gouthamcs12]

Hi Team
I am trying to use nxtend/ionic-angular in my project, But I got stuck while using plugins
1st use case : need to get a current app version
So I have installed these dependencies

1. npm install cordova-plugin-app-version 2) npm install @awesome-cordova-plugins/app-version when I tried to run in android studio emulator getting bellow error

2nd use case need to use camera plugin
similar issue for camera plugin

nx report

package.json
{
"name": "matchlinkers-portal",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "nx",
"postinstall": "node ./decorate-angular-cli.js && ngcc --properties es2015 browser module main",
"start": "nx serve",
"build": "nx build",
"test": "nx test"
},
"private": true,
"dependencies": {
"@angular/animations": "^12.2.0",
"@angular/common": "^12.2.0",
"@angular/compiler": "^12.2.0",
"@angular/core": "^12.2.0",
"@angular/forms": "^12.2.0",
"@angular/platform-browser": "^12.2.0",
"@angular/platform-browser-dynamic": "^12.2.0",
"@angular/router": "^12.2.0",
"@awesome-cordova-plugins/app-version": "^5.41.0",
"@capacitor/camera": "^1.3.1",
"@capacitor/core": "^3.2.5",
"@capacitor/filesystem": "^1.1.0",
"@capacitor/storage": "^1.2.5",
"@ionic/angular": "^5.8.3",
"@ionic/pwa-elements": "^3.1.1",
"@nrwl/angular": "13.0.0",
"@nxtend/ionic-angular": "^13.1.0",
"cordova-plugin-app-version": "^0.1.14",
"rxjs": "~6.6.0",
"tslib": "^2.0.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "~12.2.0",
"@angular-eslint/eslint-plugin": "~12.3.0",
"@angular-eslint/eslint-plugin-template": "~12.3.0",
"@angular-eslint/template-parser": "~12.3.0",
"@angular/cli": "~12.2.0",
"@angular/compiler-cli": "^12.2.0",
"@angular/language-service": "^12.2.0",
"@capacitor/android": "^3.2.5",
"@capacitor/cli": "^3.2.5",
"@capacitor/ios": "^3.2.5",
"@nrwl/angular": "^13.0.0",
"@nrwl/cli": "13.0.0",
"@nrwl/cypress": "13.0.0",
"@nrwl/eslint-plugin-nx": "13.0.0",
"@nrwl/jest": "13.0.0",
"@nrwl/linter": "13.0.0",
"@nrwl/tao": "13.0.0",
"@nrwl/workspace": "13.0.0",
"@nxtend/capacitor": "^13.0.0",
"@types/jest": "27.0.2",
"@types/node": "14.14.33",
"@typescript-eslint/eslint-plugin": "~4.33.0",
"@typescript-eslint/parser": "~4.33.0",
"cypress": "^8.3.0",
"eslint": "7.32.0",
"eslint-config-prettier": "8.1.0",
"eslint-plugin-cypress": "^2.10.3",
"jest": "27.2.3",
"jest-preset-angular": "10.0.1",
"prettier": "^2.3.1",
"ts-jest": "27.0.5",
"typescript": "~4.3.5"
}
}

git hub link https://github.com/gouthamcs12/nxtend-ionic

[devinshoemaker]

Sorry for the late response on this. It sounds like you are adding these plugins to the root package.json, but due to a limitation with the Capacitor CLI these must be added to a project-level package.json for capacitor sync to include them in your application.

That being said, these plugins are moving over to the Nxext repo (https://github.com/nxext/nx-extensions), and an Nx 14 version has been released. There are some migration guides on their docs site, here's a link to the Ionic Angular guide: https://nxext.dev/docs/ionic-angular/migrating-from-nxtend.html