Node modules not installing on ionic 3 project after upgraded the node version to 16.0.0

Ionic Framework ionic-v3
1

I tried to run npm install. It installs the node_modules directory but after a few seconds node_modules directory disappears.

Here is the error code:

User
npm ERR! code 1
npm ERR! path C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: C:\Program Files\nodejs\node.exe C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   'C:\\Program Files\\nodejs\\node.exe',
npm ERR! gyp verb cli   'C:\\Users\\hr\\OneDrive\\Pictures\\trintas-mobile-new\\node_modules\\node-gyp\\bin\\node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using node-gyp@3.8.0
npm ERR! gyp info using node@16.13.0 | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH
npm ERR! gyp verb `which` failed Error: not found: python2
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21)
npm ERR! gyp verb `which` failed  python2 Error: not found: python2
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21) {
npm ERR! gyp verb `which` failed   code: 'ENOENT'
npm ERR! gyp verb `which` failed }
npm ERR! gyp verb check python checking for Python executable "python" in the PATH
npm ERR! gyp verb `which` failed Error: not found: python
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21)
npm ERR! gyp verb `which` failed  python Error: not found: python
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21) {
npm ERR! gyp verb `which` failed   code: 'ENOENT'
npm ERR! gyp verb `which` failed }
npm ERR! gyp verb could not find "python". checking python launcher
npm ERR! gyp verb could not find "python". guessing location
npm ERR! gyp verb ensuring that file exists: C:\Python27\python.exe
npm ERR! gyp ERR! configure error 
npm ERR! gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
npm ERR! gyp ERR! stack     at PythonFinder.failNoPython (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\node-gyp\lib\configure.js:484:19)
npm ERR! gyp ERR! stack     at PythonFinder.<anonymous> (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\node-gyp\lib\configure.js:509:16)
npm ERR! gyp ERR! stack     at callback (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\graceful-fs\polyfills.js:306:20)    
npm ERR! gyp ERR! stack     at FSReqCallback.oncomplete (node:fs:198:21)
npm ERR! gyp ERR! System Windows_NT 10.0.22621
npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\hr\\OneDrive\\Pictures\\trintas-mobile-new\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\node-sass
npm ERR! gyp ERR! node -v v16.13.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\hr\AppData\Local\npm-cache\_logs\2024-03-06T08_37_35_469Z-debug.log```

and my package.json file is,


{
  "name": "Catalina",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "5.0.3",
    "@angular/compiler": "5.0.3",
    "@angular/compiler-cli": "5.0.3",
    "@angular/core": "5.0.3",
    "@angular/forms": "5.0.3",
    "@angular/http": "5.0.3",
    "@angular/platform-browser": "5.0.3",
    "@angular/platform-browser-dynamic": "5.0.3",
    "@ionic-native/barcode-scanner": "^4.5.2",
    "@ionic-native/camera": "^4.5.2",
    "@ionic-native/core": "4.4.0",
    "@ionic-native/diagnostic": "^4.5.3",
    "@ionic-native/dialogs": "^4.20.0",
    "@ionic-native/file": "^4.6.0",
    "@ionic-native/file-opener": "^4.20.0",
    "@ionic-native/file-transfer": "^4.20.0",
    "@ionic-native/image-picker": "^4.20.0",
    "@ionic-native/insomnia": "^4.20.0",
    "@ionic-native/media-capture": "^4.20.0",
    "@ionic-native/network": "^4.5.3",
    "@ionic-native/splash-screen": "4.4.0",
    "@ionic-native/status-bar": "4.4.0",
    "@ionic/pro": "1.0.16",
    "cordova-android": "~6.3.0",
    "cordova-plugin-camera": "^4.0.1",
    "cordova-plugin-device": "^1.1.4",
    "cordova-plugin-dialogs": "2.0.1",
    "cordova-plugin-file": "~6.0.1",
    "cordova-plugin-insomnia": "4.3.0",
    "cordova-plugin-ionic-webview": "^1.1.16",
    "cordova-plugin-network-information": "^2.0.1",
    "cordova-plugin-splashscreen": "^4.0.3",
    "cordova-plugin-whitelist": "^1.3.1",
    "cordova.plugins.diagnostic": "^3.9.2",
    "file-saver": "^2.0.1",
    "ionic-angular": "3.9.2",
    "ionic-plugin-keyboard": "^2.2.1",
    "ionic3-star-rating": "^2.1.2",
    "ionicons": "3.0.0",
    "ngx-order-pipe": "^2.1.0",
    "phonegap-plugin-barcodescanner": "^7.0.2",
    "rxjs": "5.5.2",
    "sw-toolbox": "3.6.0",
    "underscore": "^1.8.3",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^3.1.8",
    "typescript": "2.4.2"
  },
  "config": {
    "ionic_webpack": "./config/webpack.config.js"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "phonegap-plugin-barcodescanner": {},
      "cordova-plugin-camera": {},
      "ionic-plugin-keyboard": {},
      "cordova-plugin-whitelist": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {},
      "cordova.plugins.diagnostic": {},
      "cordova-plugin-network-information": {},
      "cordova-plugin-file": {},
      "cordova-plugin-insomnia": {},
      "cordova-plugin-dialogs": {}
    },
    "platforms": [
      "android"
    ]
  }
}

what i need to do?

2

As the error log states, it cannot find Python on your system.

The package node-sass depends on node-gyp which in turn requires Python. So you need to install Python on your system.

3

After installing Python also getting some like this,

npm ERR! code 1
npm ERR! path C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: C:\Program Files\nodejs\node.exe C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! Building the projects in this solution one at a time. To enable parallel build, please add the "/m" switch.
npm ERR! Build started 07/03/2024 1:50:26 AM.
npm ERR! Project "C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\binding.sln" on node 1 (default targets).
npm ERR! ValidateSolutionConfiguration:
npm ERR!   Building solution configuration "Release|x64".
npm ERR! Project "C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\binding.sln" (1) is building "C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\binding.vcxproj.metaproj" (2) on node 1 (default targets).
npm ERR! Project "C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\binding.vcxproj.metaproj" (2) is building "C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\src\libsass.vcxproj" (3) on node 1 (default targets).
npm ERR! C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\src\libsass.vcxproj(20,3): error MSB4019: The imported project "C:\Microsoft.Cpp.Default.props" was not found. Confirm that the path in the <Import> declaration is correct, and that the file exists on disk.
npm ERR! Done Building Project "C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\src\libsass.vcxproj" (default targets) -- FAILED.
npm ERR! Done Building Project "C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\binding.vcxproj.metaproj" (default targets) -- FAILED.
npm ERR! Done Building Project "C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\binding.sln" (default targets) -- FAILED.
npm ERR!
npm ERR! Build FAILED.
npm ERR! 
npm ERR! "C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\binding.sln" (default target) (1) ->
npm ERR! "C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\binding.vcxproj.metaproj" (default target) (2) ->
npm ERR! "C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\src\libsass.vcxproj" (default target) (3) ->
npm ERR!   C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\src\libsass.vcxproj(20,3): error MSB4019: The imported project "C:\Microsoft.Cpp.Default.props" was not found. Confirm that the path in the <Import> declaration is correct, and that the file exists on disk.
npm ERR!
npm ERR!     0 Warning(s)
npm ERR!     1 Error(s)
npm ERR!
npm ERR! Time Elapsed 00:00:00.99
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   'C:\\Program Files\\nodejs\\node.exe',
npm ERR! gyp verb cli   'C:\\Users\\hr\\OneDrive\\Pictures\\trintas-mobile-new\\node_modules\\@ionic\\app-scripts\\node_modules\\node-gyp\\bin\\node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using node-gyp@3.8.0
npm ERR! gyp info using node@16.13.0 | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "python2.7" in the PATH
npm ERR! gyp verb `which` failed Error: not found: python2.7
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21)
npm ERR! gyp verb `which` failed  python2.7 Error: not found: python2.7
npm ERR! gyp verb `which` failed     at getNotFoundError (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\which\which.js:13:12)
npm ERR! gyp verb `which` failed     at F (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\which\which.js:68:19)
npm ERR! gyp verb `which` failed     at E (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\which\which.js:80:29)
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\which\which.js:89:16
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\isexe\index.js:42:5
npm ERR! gyp verb `which` failed     at C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\isexe\windows.js:36:5
npm ERR! gyp verb `which` failed     at FSReqCallback.oncomplete (node:fs:198:21) {
npm ERR! gyp verb `which` failed   code: 'ENOENT'
npm ERR! gyp verb `which` failed }
npm ERR! gyp verb could not find "python2.7". checking python launcher
npm ERR! gyp verb could not find "python2.7". guessing location
npm ERR! gyp verb ensuring that file exists: C:\Python27\python.exe
npm ERR! gyp verb check python version `C:\Python27\python.exe -c "import sys; print "2.7.0
npm ERR! gyp verb check python version .%s.%s" % sys.version_info[:3];"` returned: %j
npm ERR! gyp verb get node dir no --target version specified, falling back to host node version: 16.13.0
npm ERR! gyp verb command install [ '16.13.0' ]
npm ERR! gyp verb install input version string "16.13.0"
npm ERR! gyp verb install installing version: 16.13.0
npm ERR! gyp verb install --ensure was passed, so won't reinstall if already installed
npm ERR! gyp verb install version is already installed, need to check "installVersion"
npm ERR! gyp verb got "installVersion" 9
npm ERR! gyp verb needs "installVersion" 9
npm ERR! gyp verb install version is good
npm ERR! gyp verb get node dir target node version installed: 16.13.0
npm ERR! gyp verb build dir attempting to create "build" dir: C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build
npm ERR! gyp verb build dir "build" dir needed to be created? C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build
npm ERR! gyp verb build/config.gypi creating config file
npm ERR! gyp verb build/config.gypi writing out config file: C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\build\config.gypi
npm ERR! (node:25436) [DEP0150] DeprecationWarning: Setting process.config is deprecated. In the future the property will be read-only.    
npm ERR! (Use `node --trace-deprecation ...` to show where the warning was created)
npm ERR! gyp verb config.gypi checking for gypi file: C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\config.gypi
npm ERR! gyp verb common.gypi checking for gypi file: C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass\common.gypi
npm ERR! gyp verb gyp gyp format was not specified; forcing "msvs"
npm ERR! gyp info spawn C:\Python27\python.exe
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args   'C:\\Users\\hr\\OneDrive\\Pictures\\trintas-mobile-new\\node_modules\\@ionic\\app-scripts\\node_modules\\node-gyp\\gyp\\gyp_main.py',
npm ERR! gyp info spawn args   'binding.gyp',
npm ERR! gyp info spawn args   '-f',
npm ERR! gyp info spawn args   'msvs',
npm ERR! gyp info spawn args   '-G',
npm ERR! gyp info spawn args   'msvs_version=2015',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\hr\\OneDrive\\Pictures\\trintas-mobile-new\\node_modules\\@ionic\\app-scripts\\node_modules\\node-sass\\build\\config.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\hr\\OneDrive\\Pictures\\trintas-mobile-new\\node_modules\\@ionic\\app-scripts\\node_modules\\node-gyp\\addon.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\hr\\.node-gyp\\16.13.0\\include\\node\\common.gypi',
npm ERR! gyp info spawn args   '-Dlibrary=shared_library',
npm ERR! gyp info spawn args   '-Dvisibility=default',
npm ERR! gyp info spawn args   '-Dnode_root_dir=C:\\Users\\hr\\.node-gyp\\16.13.0',
npm ERR! gyp info spawn args   '-Dnode_gyp_dir=C:\\Users\\hr\\OneDrive\\Pictures\\trintas-mobile-new\\node_modules\\@ionic\\app-scripts\\node_modules\\node-gyp',
npm ERR! gyp info spawn args   '-Dnode_lib_file=C:\\Users\\hr\\.node-gyp\\16.13.0\\<(target_arch)\\node.lib',
npm ERR! gyp info spawn args   '-Dmodule_root_dir=C:\\Users\\hr\\OneDrive\\Pictures\\trintas-mobile-new\\node_modules\\@ionic\\app-scripts\\node_modules\\node-sass',
npm ERR! gyp info spawn args   '-Dnode_engine=v8',
npm ERR! gyp info spawn args   '--depth=.',
npm ERR! gyp info spawn args   '--no-parallel',
npm ERR! gyp info spawn args   '--generator-output',
npm ERR! gyp info spawn args   'C:\\Users\\hr\\OneDrive\\Pictures\\trintas-mobile-new\\node_modules\\@ionic\\app-scripts\\node_modules\\node-sass\\build',
npm ERR! gyp info spawn args   '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! gyp verb command build []
npm ERR! gyp verb build type Release
npm ERR! gyp verb architecture x64
npm ERR! gyp verb node dev dir C:\Users\hr\.node-gyp\16.13.0
npm ERR! gyp verb found first Solution file build/binding.sln
npm ERR! gyp verb could not find "msbuild.exe" in PATH - finding location in registry
npm ERR! gyp info spawn C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args   'build/binding.sln',
npm ERR! gyp info spawn args   '/nologo',
npm ERR! gyp info spawn args   '/p:Configuration=Release;Platform=x64'
npm ERR! gyp info spawn args ]
npm ERR! gyp ERR! build error
npm ERR! gyp ERR! stack Error: `C:\Windows\Microsoft.NET\Framework\v4.0.30319\msbuild.exe` failed with exit code: 1
npm ERR! gyp ERR! stack     at ChildProcess.onExit (C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-gyp\lib\build.js:262:23)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:390:28)
npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:290:12)
npm ERR! gyp ERR! System Windows_NT 10.0.22621
npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\hr\\OneDrive\\Pictures\\trintas-mobile-new\\node_modules\\@ionic\\app-scripts\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd C:\Users\hr\OneDrive\Pictures\trintas-mobile-new\node_modules\@ionic\app-scripts\node_modules\node-sass
npm ERR! gyp ERR! node -v v16.13.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\hr\AppData\Local\npm-cache\_logs\2024-03-06T20_20_37_483Z-debug.log
PS C:\Users\hr\OneDrive\Pictures\trintas-mobile-new>
4

Why did you update Node in the first place? :grin:

It looks like @ionic/app-scripts pulls in node-sass@^4.10.0. This version of node-sass is not supported on Node 16.

Maybe use nvm to go back to Node 14 if you need 16 for something else.

5

Thank you for your answer, downgrading the node to version 14 worked for me, so @thanimaram you should do it.

6

I have downgraded the node version to 14 , now its properly installed , but i have facing some other issue while run cordova run android command.

Cordova version 12.0.0
target Sdk version 33
java compile version 11.0

error:

> Task :app:compileDebugJavaWithJavac
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\AES.java:3: error: package android.util does not exist
import android.util.Log;
                   ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\AES.java:4: error: package android.util does not exist
import android.util.Base64;
                   ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\AES.java:6: error: package org.json does not exist
import org.json.JSONException;
               ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\AES.java:7: error: package org.json does not exist
import org.json.JSONObject;
               ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\AES.java:24: error: cannot find symbol
        public static JSONObject encrypt(byte[] msg, byte[] adata) throws Exception {
                      ^
  symbol:   class JSONObject
  location: class AES
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\RSA.java:3: error: package android.content does not exist
import android.content.Context;
                      ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\RSA.java:4: error: package android.util does not exist
import android.util.Log;
                   ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\RSA.java:6: error: package android.security does not exist
import android.security.KeyPairGeneratorSpec;
                       ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\RSA.java:35: error: cannot find symbol
        public static void createKeyPair(Context ctx, String alias) throws Exception {
                                         ^
  symbol:   class Context
  location: class RSA
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SecureStorage.java:6: error: package android.util does not exist
import android.util.Log;
                   ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SecureStorage.java:7: error: package android.util does not exist
import android.util.Base64;
                   ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SecureStorage.java:8: error: package android.os does not exist
import android.os.Build;
                 ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SecureStorage.java:9: error: package android.app does not exist
import android.app.KeyguardManager;
                  ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SecureStorage.java:10: error: package android.content does not exist
import android.content.Context;
                      ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SecureStorage.java:11: error: package android.content does not exist
import android.content.Intent;
                      ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SecureStorage.java:16: error: package org.json does not exist
import org.json.JSONException;
               ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SecureStorage.java:17: error: package org.json does not exist
import org.json.JSONObject;
               ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SecureStorage.java:18: error: package org.json does not exist
import org.json.JSONArray;
               ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SharedPreferencesHandler.java:5: error: package android.content does not exist
import android.content.SharedPreferences;
                      ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SharedPreferencesHandler.java:6: error: package android.content does not exist
import android.content.Context;
                      ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SecureStorage.java:82: error: cannot find symbol
    public boolean execute(String action, CordovaArgs args, final CallbackContext callbackContext) throws JSONException {
                                                                                                          ^
  symbol:   class JSONException
  location: class SecureStorage
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SecureStorage.java:260: error: cannot find symbol
    private Context getContext() {
            ^
  symbol:   class Context
  location: class SecureStorage
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SecureStorage.java:264: error: cannot find symbol
    private void startActivity(Intent intent) {
                               ^
  symbol:   class Intent
  location: class SecureStorage
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SharedPreferencesHandler.java:9: error: cannot find symbol
        private SharedPreferences prefs;
                ^
  symbol:   class SharedPreferences
  location: class SharedPreferencesHandler
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\crypho\plugins\SharedPreferencesHandler.java:13: error: cannot find symbol
        public SharedPreferencesHandler (String prefsName, Context ctx){
                                                           ^
  symbol:   class Context
  location: class SharedPreferencesHandler
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\phonegap\plugins\barcodescanner\BarcodeScanner.java:15: error: package android does not exist
import android.Manifest;
              ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\phonegap\plugins\barcodescanner\BarcodeScanner.java:16: error: package android.app does not exist
import android.app.Activity;
                  ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\phonegap\plugins\barcodescanner\BarcodeScanner.java:17: error: package android.content does not exist
import android.content.Intent;
                      ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\phonegap\plugins\barcodescanner\BarcodeScanner.java:18: error: package android.os does not exist
import android.os.Bundle;
                 ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\phonegap\plugins\barcodescanner\BarcodeScanner.java:19: error: package android.util does not exist
import android.util.Log;
                   ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\phonegap\plugins\barcodescanner\BarcodeScanner.java:20: error: package android.content.pm does not exist
import android.content.pm.PackageManager;
                         ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\phonegap\plugins\barcodescanner\BarcodeScanner.java:65: error: cannot find symbol
    private JSONArray requestArgs;
            ^
  symbol:   class JSONArray
  location: class BarcodeScanner
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\phonegap\plugins\barcodescanner\BarcodeScanner.java:91: error: cannot find symbol
    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) {
                                          ^
  symbol:   class JSONArray
  location: class BarcodeScanner
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\phonegap\plugins\barcodescanner\BarcodeScanner.java:133: error: cannot find symbol
    public void scan(final JSONArray args) {
                           ^
  symbol:   class JSONArray
  location: class BarcodeScanner
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\phonegap\plugins\barcodescanner\BarcodeScanner.java:218: error: cannot find symbol
    public void onActivityResult(int requestCode, int resultCode, Intent intent) {
                                                                  ^
  symbol:   class Intent
  location: class BarcodeScanner
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\phonegap\plugins\barcodescanner\BarcodeScanner.java:299: error: cannot find symbol
                                         int[] grantResults) throws JSONException
                                                                    ^
  symbol:   class JSONException
  location: class BarcodeScanner
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\phonegap\plugins\barcodescanner\BarcodeScanner.java:324: error: cannot find symbol
    public void onRestoreStateForActivityResult(Bundle state, CallbackContext callbackContext) {
                                                ^
  symbol:   class Bundle
  location: class BarcodeScanner
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\FakeR.java:16: error: package android.app does not exist
import android.app.Activity;
                  ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\FakeR.java:17: error: package android.content does not exist
import android.content.Context;
                      ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\FakeR.java:28: error: cannot find symbol
        private Context context;
                ^
  symbol:   class Context
  location: class FakeR
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\FakeR.java:31: error: cannot find symbol
        public FakeR(Activity activity) {
                     ^
  symbol:   class Activity
  location: class FakeR
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\FakeR.java:36: error: cannot find symbol
        public FakeR(Context context) {
                     ^
  symbol:   class Context
  location: class FakeR
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\FakeR.java:45: error: cannot find symbol
        public static int getId(Context context, String group, String key) {
                                ^
  symbol:   class Context
  location: class FakeR
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:28: error: package android.content does not exist
import android.content.Context;
                      ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:29: error: package android.graphics does not exist
import android.graphics.Bitmap;
                       ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:30: error: package android.graphics does not exist
import android.graphics.Color;
                       ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:31: error: package android.graphics.drawable does not exist
import android.graphics.drawable.ColorDrawable;
                                ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:32: error: package android.graphics.drawable does not exist
import android.graphics.drawable.Drawable;
                                ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:33: error: package android.graphics does not exist
import android.graphics.Matrix;
                       ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:34: error: package android.os does not exist
import android.os.AsyncTask;
                 ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:35: error: package android.os does not exist
import android.os.Build;
                 ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:36: error: package android.os does not exist
import android.os.Handler;
                 ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:37: error: package android.provider does not exist
import android.provider.MediaStore;
                       ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:38: error: package android.util does not exist
import android.util.Log;
                   ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:39: error: package android.view does not exist
import android.view.View;
                   ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:40: error: package android.view.animation does not exist
import android.view.animation.Animation;
                             ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:41: error: package android.view.animation does not exist
import android.view.animation.AnimationUtils;
                             ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:42: error: package android.widget does not exist
import android.widget.ImageView;
                     ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:66: error: cannot find symbol
    public void fetch(Integer id, ImageView imageView, int colWidth, int rotate) {
                                  ^
  symbol:   class ImageView
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:84: error: cannot find symbol
    private void forceDownload(Integer position, ImageView imageView, int rotate) {
                                                 ^
  symbol:   class ImageView
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:115: error: cannot find symbol
    private static boolean cancelPotentialDownload(Integer position, ImageView imageView) {
                                                                     ^
  symbol:   class ImageView
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:139: error: cannot find symbol
    private static BitmapFetcherTask getBitmapDownloaderTask(ImageView imageView) {
                                                             ^
  symbol:   class ImageView
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:164: error: cannot find symbol
    class BitmapFetcherTask extends AsyncTask<Integer, Void, Bitmap> {
                                    ^
  symbol:   class AsyncTask
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:164: error: cannot find symbol
    class BitmapFetcherTask extends AsyncTask<Integer, Void, Bitmap> {
                                                             ^
  symbol:   class Bitmap
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:150: error: cannot find symbol
    private static long getOrigId(ImageView imageView) {
                                  ^
  symbol:   class ImageView
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:290: error: cannot find symbol
    private final HashMap<Integer, Bitmap> sHardBitmapCache = new LinkedHashMap<Integer, Bitmap>(
                                   ^
  symbol:   class Bitmap
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:305: error: cannot find symbol
    private final static ConcurrentHashMap<Integer, SoftReference<Bitmap>> sSoftBitmapCache = new ConcurrentHashMap<Integer, SoftReference<Bitmap>>(
                                                                  ^
  symbol:   class Bitmap
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:308: error: cannot find symbol
    private final Handler purgeHandler = new Handler();
                  ^
  symbol:   class Handler
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:322: error: cannot find symbol
    private void addBitmapToCache(Integer position, Bitmap bitmap) {
                                                    ^
  symbol:   class Bitmap
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:335: error: cannot find symbol
    private Bitmap getBitmapFromCache(Integer position) {
            ^
  symbol:   class Bitmap
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:166: error: cannot find symbol
        private final WeakReference<ImageView> imageViewReference;
                                    ^
  symbol:   class ImageView
  location: class ImageFetcher.BitmapFetcherTask
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:167: error: cannot find symbol
        private final Context mContext;
                      ^
  symbol:   class Context
  location: class ImageFetcher.BitmapFetcherTask
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:170: error: cannot find symbol
        public BitmapFetcherTask(Context context, ImageView imageView, int rotate) {
                                 ^
  symbol:   class Context
  location: class ImageFetcher.BitmapFetcherTask
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:170: error: cannot find symbol
        public BitmapFetcherTask(Context context, ImageView imageView, int rotate) {
                                                  ^
  symbol:   class ImageView
  location: class ImageFetcher.BitmapFetcherTask
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:180: error: cannot find symbol
        protected Bitmap doInBackground(Integer... params) {
                  ^
  symbol:   class Bitmap
  location: class ImageFetcher.BitmapFetcherTask
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:229: error: cannot find symbol
        protected void onPostExecute(Bitmap bitmap) {
                                     ^
  symbol:   class Bitmap
  location: class ImageFetcher.BitmapFetcherTask
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:260: error: cannot find symbol
    static class DownloadedDrawable extends ColorDrawable {
                                            ^
  symbol:   class ColorDrawable
  location: class ImageFetcher
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImageFetcher.java:264: error: cannot find symbol
        public DownloadedDrawable(Context mContext, BitmapFetcherTask bitmapDownloaderTask, long origId) {
                                  ^
  symbol:   class Context
  location: class DownloadedDrawable
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImagePicker.java:16: error: package android does not exist
import android.Manifest;
              ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImagePicker.java:17: error: package android.annotation does not exist
import android.annotation.SuppressLint;
                         ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImagePicker.java:20: error: package android.content.pm does not exist
import android.content.pm.PackageManager;
                         ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImagePicker.java:21: error: package android.os does not exist
import android.os.Build;
                 ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImagePicker.java:23: error: cannot find symbol
import android.support.v4.app.ActivityCompat;
                             ^
  symbol:   class ActivityCompat
  location: package android.support.v4.app
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImagePicker.java:24: error: package android.support.v4.content does not exist
import android.support.v4.content.ContextCompat;
                                 ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImagePicker.java:36: error: cannot find symbol
    public boolean execute(String action, final JSONArray args, final CallbackContext callbackContext) throws JSONException {
                                                ^
  symbol:   class JSONArray
  location: class ImagePicker
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImagePicker.java:36: error: cannot find symbol
    public boolean execute(String action, final JSONArray args, final CallbackContext callbackContext) throws JSONException {
                                                                                                              ^
  symbol:   class JSONException
  location: class ImagePicker
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImagePicker.java:124: error: cannot find symbol
    public void onActivityResult(int requestCode, int resultCode, Intent data) {
                                                                  ^
  symbol:   class Intent
  location: class ImagePicker
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\ImagePicker.java:154: error: cannot find symbol
    public void onRestoreStateForActivityResult(Bundle state, CallbackContext callbackContext) {
                                                ^
  symbol:   class Bundle
  location: class ImagePicker
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\MultiImageChooserActivity.java:47: error: package android.app does not exist
import android.app.AlertDialog;
                  ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\MultiImageChooserActivity.java:48: error: package android.app does not exist
import android.app.LoaderManager;
                  ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\MultiImageChooserActivity.java:49: error: package android.app does not exist
import android.app.ProgressDialog;
                  ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\MultiImageChooserActivity.java:50: error: package android.content does not exist
import android.content.Context;
                      ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\MultiImageChooserActivity.java:51: error: package android.content does not exist
import android.content.CursorLoader;
                      ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\MultiImageChooserActivity.java:52: error: package android.content does not exist
import android.content.DialogInterface;
                      ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\MultiImageChooserActivity.java:54: error: package android.content does not exist
import android.content.Loader;
                      ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\MultiImageChooserActivity.java:55: error: package android.content.pm does not exist
import android.content.pm.ActivityInfo;
                         ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\MultiImageChooserActivity.java:56: error: package android.database does not exist
import android.database.Cursor;
                       ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\MultiImageChooserActivity.java:58: error: package android.graphics does not exist
import android.graphics.BitmapFactory;
                       ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\MultiImageChooserActivity.java:59: error: package android.graphics does not exist
import android.graphics.Color;
                       ^
C:\Users\hr\Videos\trintas-mobile-new\platforms\android\app\src\main\java\com\synconset\MultiImageChooserActivity.java:60: error: package android.graphics does not exist
import android.graphics.Matrix;
                       ^
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
Note: Some input files use unchecked or unsafe operations.
Note: Recompile with -Xlint:unchecked for details.
100 errors

> Task :app:compileDebugJavaWithJavac
FAILURE: Build failed with an exception. FAILED


* What went wrong:
Execution failed for task ':app:compileDebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

Deprecated Gradle features were used in this build, making it incompatible with Gradle 8.0.

You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins.

See https://docs.gradle.org/7.1.1/userguide/command_line_interface.html#sec:command_line_warnings
45 actionable tasks: 21 executed, 24 up-to-date
* Get more help at https://help.gradle.org

BUILD FAILED in 19s

please help to resolve this one

7

Not sure if related, but the Cordova 12 release notes say this:

We have dropped support for Node 14.x and increase the minimum Node requirement to greater than or equal to 16.13.0. (source)

8

Have the same problem. I am using ionic 3 project and Node 14 and it worked perfect before.
But cordova android and ios dropped the support of Node 14 and now I am required to use Node 16+.
But the ionic 3 doesn’t build with Node 14, due to the inner dependency of node-sass.

How to resolve my issue? I can’t upgrade ionic to newer version, but I need to update cordova to newer versions, so I need also Node 16+.

9

Use a node manager like nvm, use node 14 to build the www folder and then switch to node 16 to build the Cordova app

10

I am using ionic cli to build the project, so it means I don’t need to use ionic cli anymore and build the parts of the application separately and manually?

I was also thinking about forking ionic cli and replace the dependencies for node-sass, which requires node 14.
What do you think about making a fork?