Build fails in Visual Studio Code

Ionic Framework ionic-v3
1

  1. My NodeJS version
    V18.10.0 (64bit Windows 10 Developer machine)

  2. Ionic information
    Ionic:

    Ionic CLI : 7.1.1 (C:\Users\tncsh\AppData\Roaming\npm\node_modules@ionic\cli)
    Ionic Framework : @ionic/angular 7.2.1
    @angular-devkit/build-angular : 0.13.10
    @angular-devkit/schematics : 16.1.6
    @angular/cli : 16.1.6
    @ionic/angular-toolkit : 10.0.0

Cordova:

Cordova CLI : 10.0.0
Cordova Platforms : 6.0.0, android 9.1.0, browser, ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.1, (and 11 other plugins)

Utility:

cordova-res : 0.15.3
native-run : 1.0.0

System:

NodeJS : v18.10.0 (D:\Program Files\nodejs\node.exe)
npm : 8.19.2
OS : Windows 10

  1. My ng version
    Angular CLI: 16.1.6
    Node: 18.10.0
    Package Manager: npm 8.19.2
    OS: win32 x64

Angular: 16.1.7
… common, compiler-cli, core, router

Package Version

@angular-devkit/architect 0.1601.6
@angular-devkit/build-angular 0.13.10
@angular-devkit/core 7.3.10
@angular-devkit/schematics 16.1.6
@angular/animations 7.2.16
@angular/cli 16.1.6
@angular/compiler 7.2.16
@angular/forms 7.2.16
@angular/http 7.2.16
@angular/language-service 7.2.16
@angular/platform-browser 7.2.16
@angular/platform-browser-dynamic 7.2.16
@schematics/angular 16.1.6
rxjs 6.5.5
typescript 3.1.6
zone.js 0.8.29

Problem 1: When we try to build Android APK, getting the following error:

Error: Cannot find module ‘@ionic/cordova-builders/package.json’

Problem 2: npm install @angular-devkit/build-angular

Error: While resolving: CTC Mobile Application@0.0.1
npm ERR! Found: zone.js@0.8.29
npm ERR! node_modules/zone.js
npm ERR! zone.js@“~0.8.29” from the root project
npm ERR! Could not resolve dependency:
npm ERR! peer zone.js@“~0.13.0” from @angular/core@16.1.8
npm ERR! node_modules/@angular/core
npm ERR! @angular/core@“^16.1.7” from the root project

Our question: Problem 2 error requires which version of @angular/core is required and what version of zone.js is required?

2

My Error:
[error] TypeError: readConfiguration is not a function
at readTsconfig (D:\subha\CTC\Ionicapp_CTC\node_modules@angular-devkit\build-angular\src\utils\read-tsconfig.js:49:26)
at async configureI18nBuild (D:\subha\CTC\Ionicapp_CTC\node_modules@angular-devkit\build-angular\src\utils\i18n-options.js:125:22)
at async generateI18nBrowserWebpackConfigFromContext (D:\subha\CTC\Ionicapp_CTC\node_modules@angular-devkit\build-angular\src\utils\webpack-browser-config.js:66:36)
at async initialize (D:\subha\CTC\Ionicapp_CTC\node_modules@angular-devkit\build-angular\src\builders\browser\index.js:67:62)
at async D:\subha\CTC\Ionicapp_CTC\node_modules@angular-devkit\build-angular\src\builders\browser\index.js:98:32

My Current Ionic versions:
Ionic:

Ionic CLI : 5.4.16 (C:\Users\sofis\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.11.13
@angular-devkit/build-angular : 16.1.8
@angular-devkit/schematics : 7.3.9
@angular/cli : 15.2.9
@ionic/angular-toolkit : 1.5.1

Cordova:

Cordova CLI : 10.0.0
Cordova Platforms : 6.0.0, android 8.0.0, browser, ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 13 other plugins)

Utility:

cordova-res : 0.15.1
native-run : 0.2.7

System:

NodeJS : v14.20.0 (C:\Program Files\nodejs\node.exe)
npm : 6.14.17
OS : Windows 10

Package.json
{
“name”: “CTC Mobile Application”,
“version”: “0.0.1”,
“author”: “CTC Publications”,
“homepage”: “https://ionicframework.com/”,
“scripts”: {
“ng”: “ng”,
“start”: “ng serve”,
“build”: “ng build”,
“test”: “ng test”,
“lint”: “ng lint”,
“e2e”: “ng e2e”
},
“private”: true,
“dependencies”: {
“@angular/common”: “^7.2.2”,
“@angular/forms”: “^7.2.2”,
“@angular/http”: “^7.2.2”,
“@angular/platform-browser-dynamic”: “^7.2.2”,
“@ionic-native/core”: “^5.0.0”,
“@ionic-native/device”: “^5.23.0”,
“@ionic-native/http”: “^5.10.0”,
“@ionic-native/in-app-browser”: “^5.23.0”,
“@ionic-native/native-storage”: “^4.20.0”,
“@ionic-native/push”: “^5.25.0”,
“@ionic-native/screen-orientation”: “^5.27.0”,
“@ionic-native/social-sharing”: “^5.28.0”,
“@ionic-native/splash-screen”: “^5.0.0”,
“@ionic-native/status-bar”: “^5.0.0”,
“@ionic/angular”: “^4.11.10”,
“@ionic/cordova-builders”: “^10.0.0”,
“@ionic/storage”: “^2.2.0”,
“angular”: “^1.7.9”,
“com.razorpay.cordova”: “^1.4.12”,
“cordova-android”: “^8.0.0”,
“cordova-android-support-gradle-release”: “^3.0.1”,
“cordova-browser”: “6.0.0”,
“cordova-ios”: “^5.1.1”,
“cordova-plugin-androidx”: “^1.0.2”,
“cordova-plugin-androidx-adapter”: “^1.1.0”,
“cordova-plugin-app-name”: “^1.0.7”,
“cordova-plugin-whitelist”: “^1.3.4”,
“cordova-plugin-x-socialsharing”: “^5.6.8”,
“cordova-support-google-services”: “^1.3.2”,
“core-js”: “^2.5.4”,
“es6-promise-plugin”: “^4.2.2”,
“gradle”: “^1.0.9”,
“ionic-selectable”: “^4.5.0”,
“ionic4-emoji-picker”: “0.0.2”,
“jquery”: “^3.5.0”,
“node-sass”: “^4.13.1”,
“phonegap-plugin-multidex”: “^1.0.0”,
“phonegap-plugin-push”: “^2.3.0”,
“rxjs”: “~6.5.1”,
“tslib”: “^1.9.0”,
“zone.js”: “~0.8.29”
},
“devDependencies”: {
“@angular-devkit/architect”: “^0.13.10”,
“@angular-devkit/build-angular”: “^16.1.8”,
“@angular-devkit/build-optimizer”: “^0.13.10”,
“@angular-devkit/build-webpack”: “^0.13.10”,
“@angular-devkit/core”: “~7.3.8”,
“@angular-devkit/schematics”: “~7.3.8”,
“@angular/animations”: “^16.1.8”,
“@angular/cli”: “^15.2.9”,
“@angular/compiler”: “~7.2.2”,
“@angular/compiler-cli”: “~7.2.2”,
“@angular/core”: “^16.1.8”,
“@angular/language-service”: “~7.2.2”,
“@angular/platform-browser”: “^16.1.8”,
“@angular/router”: “^16.1.8”,
“@ionic/angular-toolkit”: “~1.5.1”,
“@ionic/core”: “^4.11.13”,
“@ngtools/webpack”: “^7.3.10”,
“@schematics/update”: “^0.13.10”,
“@types/jasmine”: “~2.8.8”,
“@types/jasminewd2”: “~2.0.3”,
“@types/jquery”: “^3.3.35”,
“@types/node”: “~12.0.0”,
“@webassemblyjs/ast”: “^1.11.6”,
“@webassemblyjs/floating-point-hex-parser”: “^1.11.6”,
“@webassemblyjs/helper-api-error”: “^1.11.6”,
“@webassemblyjs/helper-buffer”: “^1.11.6”,
“@webassemblyjs/helper-code-frame”: “^1.11.6”,
“@webassemblyjs/helper-fsm”: “^1.11.6”,
“@webassemblyjs/helper-module-context”: “^1.9.1”,
“@webassemblyjs/helper-wasm-bytecode”: “^1.11.6”,
“@webassemblyjs/helper-wasm-section”: “^1.11.6”,
“@webassemblyjs/ieee754”: “^1.11.6”,
“@webassemblyjs/leb128”: “^1.11.6”,
“@webassemblyjs/utf8”: “^1.11.6”,
“@webassemblyjs/wasm-edit”: “^1.11.6”,
“@webassemblyjs/wasm-gen”: “^1.11.6”,
“@webassemblyjs/wasm-opt”: “^1.11.6”,
“@webassemblyjs/wasm-parser”: “^1.11.6”,
“@webassemblyjs/wast-parser”: “^1.11.6”,
“@webassemblyjs/wast-printer”: “^1.11.6”,
“@xtuc/long”: “^4.2.2”,
“acorn”: “^6.4.2”,
“adm-zip”: “^0.4.16”,
“autoprefixer”: “^9.8.8”,
“browserslist”: “^4.21.10”,
“caniuse-lite”: “^1.0.30001519”,
“circular-dependency-plugin”: “^5.2.2”,
“clean-css”: “^4.2.4”,
“codelyzer”: “~4.5.0”,
“cordova-plugin-device”: “^2.0.2”,
“cordova-plugin-ionic-keyboard”: “^2.2.0”,
“cordova-plugin-ionic-webview”: “^4.1.3”,
“cordova-plugin-splashscreen”: “^5.0.2”,
“cordova-plugin-statusbar”: “^2.4.2”,
“electron-to-chromium”: “^1.4.487”,
“eventsource”: “^1.1.2”,
“html-entities”: “^1.4.0”,
“inquirer”: “^6.5.2”,
“jasmine-core”: “~2.99.1”,
“jasmine-spec-reporter”: “~4.2.1”,
“karma”: “~4.1.0”,
“karma-chrome-launcher”: “~2.2.0”,
“karma-coverage-istanbul-reporter”: “~2.0.1”,
“karma-jasmine”: “~1.1.2”,
“karma-jasmine-html-reporter”: “^0.2.2”,
“karma-source-map-support”: “^1.4.0”,
“less”: “^3.13.1”,
“license-webpack-plugin”: “^2.3.21”,
“loglevel”: “^1.8.1”,
“moment”: “^2.29.4”,
“node-forge”: “^0.7.6”,
“node-releases”: “^1.1.77”,
“open”: “^6.4.0”,
“portfinder”: “^1.0.32”,
“protractor”: “~5.4.0”,
“sass-graph”: “^2.2.6”,
“sass-loader”: “^7.3.1”,
“selfsigned”: “^1.10.14”,
“sockjs”: “^0.3.24”,
“sockjs-client”: “^1.6.1”,
“spdy”: “^4.0.2”,
“speed-measure-webpack-plugin”: “^1.5.0”,
“stylus”: “^0.54.8”,
“terser-webpack-plugin”: “^1.4.5”,
“tree-kill”: “^1.2.2”,
“ts-node”: “~8.3.0”,
“tslint”: “~5.17.0”,
“typescript”: “^3.9.10”,
“watchpack”: “^1.7.5”,
“webpack”: “^4.46.0”,
“webpack-dev-middleware”: “^3.7.3”,
“webpack-dev-server”: “^3.11.3”,
“webpack-merge”: “^4.2.2”,
“webpack-subresource-integrity”: “^1.5.2”,
“xregexp”: “^4.4.1”,
“xutil”: “^1.0.12”,
“yn”: “^3.1.1”
},
“description”: “An Ionic project”,
“cordova”: {
“plugins”: {
“cordova-plugin-statusbar”: {},
“cordova-plugin-device”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-ionic-webview”: {
“ANDROID_SUPPORT_ANNOTATIONS_VERSION”: “27.+”
},
“cordova-plugin-ionic-keyboard”: {},
“cordova-android-support-gradle-release”: {
“ANDROID_SUPPORT_VERSION”: “27.+”
},
“cordova-plugin-androidx”: {},
“cordova-plugin-androidx-adapter”: {},
“cordova-plugin-app-name”: {
“APP_NAME”: “com.ctclibrary.legaldigitaljournal”
},
“cordova-plugin-whitelist”: {},
“phonegap-plugin-push”: {
“ANDROID_SUPPORT_V13_VERSION”: “27.+”,
“FCM_VERSION”: “17.0.+”
},
“cordova-plugin-x-socialsharing”: {}
},
“platforms”: [
“ios”,
“android”,
“browser”
]
}
}

3

That may not be the only problem, but you already have a lot of version conflicts. Angular versions should follow.
Your project is old?
I think for starters that the “angular” package, check if it is really useful to you.
Versions (major at least) of packages that start with “@angular/…” should be the same. Here you have version 7, then 16, then 15…
Same for the versions of “@ionic”
Also check that you are not mixing AngularJS and Angular 2+ in your code and plugins

4

if you are using angular 16 then you need to use node 18 which is alright but your typescript version is 3.1.6. it should be 4.9 or later.
update you typescript and let us know if error still presist.