nxtend-team / nxtend

MIT License
190 stars 41 forks source link

When trying to use any ionic plugins getting error #623

Open gouthamcs12 opened 2 years ago

gouthamcs12 commented 2 years ago

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

image

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

image

nx report image

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 commented 1 year ago

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