why ttcIndex and fontvariantSetting not found in cordova build? - android

"dependencies": {
"#angular/animations": "5.2.11",
"#angular/common": "5.2.9",
"#angular/compiler": "5.2.9",
"#angular/compiler-cli": "5.2.9",
"#angular/core": "5.2.9",
"#angular/forms": "5.2.9",
"#angular/http": "5.2.9",
"#angular/platform-browser": "5.2.9",
"#angular/platform-browser-dynamic": "5.2.9",
"#ionic-native/android-permissions": "^4.7.0",
"#ionic-native/app-availability": "^4.20.0",
"#ionic-native/base64": "^4.7.0",
"#ionic-native/camera": "^4.7.0",
"#ionic-native/contacts": "^4.9.1",
"#ionic-native/core": "4.6.0",
"#ionic-native/document-viewer": "^4.12.0",
"#ionic-native/file": "^4.7.0",
"#ionic-native/file-chooser": "^4.7.0",
"#ionic-native/file-opener": "^4.7.0",
"#ionic-native/file-path": "^4.7.0",
"#ionic-native/file-transfer": "^4.7.0",
"#ionic-native/firebase": "^4.7.0",
"#ionic-native/firebase-analytics": "^5.2.0",
"#ionic-native/http": "^4.12.2",
"#ionic-native/in-app-browser": "^4.7.0",
"#ionic-native/keyboard": "^4.12.0",
"#ionic-native/network": "^4.7.0",
"#ionic-native/sim": "^4.20.0",
"#ionic-native/social-sharing": "^4.7.0",
"#ionic-native/splash-screen": "4.6.0",
"#ionic-native/status-bar": "^4.6.0",
"#ionic-native/transfer": "^3.14.0",
"#ionic-native/unique-device-id": "^4.11.0",
"#ionic-native/video-player": "^4.9.0",
"#ionic/pro": "1.0.20",
"#ionic/storage": "2.1.3",
"angular-2-local-storage": "^2.0.0",
"chart.js": "^2.7.2",
"com-badrit-base64": "^0.2.0",
"com.lampa.startapp": "^6.1.6",
"cordova-android": "7.1.4",
"cordova-browser": "^5.0.4",
"cordova-ios": "4.5.5",
"cordova-play-services-version-adapter": "^1.0.2",
"cordova-plugin-advanced-http": "^2.0.6",
"cordova-plugin-analytics": "^2.0.0",
"cordova-plugin-android-permissions": "^1.0.0",
"cordova-plugin-appavailability": "0.4.2",
"cordova-plugin-camera": "^4.0.3",
"cordova-plugin-contacts": "^3.0.1",
"cordova-plugin-device": "^2.0.2",
"cordova-plugin-document-viewer": "^0.9.10",
"cordova-plugin-file": "^6.0.1",
"cordova-plugin-file-opener2": "^2.2.0",
"cordova-plugin-file-transfer": "^1.7.1",
"cordova-plugin-filechooser": "^1.2.0",
"cordova-plugin-filepath": "^1.5.1",
"cordova-plugin-firebase": "git+https://github.com/dpa99c/cordova-plugin-firebase.git#GH-1057-April-05-android-build-issue",
"cordova-plugin-firebase-analytics": "^1.0.1",
"cordova-plugin-inappbrowser": "^3.0.0",
"cordova-plugin-ionic-keyboard": "^2.1.3",
"cordova-plugin-ionic-webview": "^2.4.0",
"cordova-plugin-network-information": "^2.0.1",
"cordova-plugin-sim": "1.3.3",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-statusbar": "^2.4.2",
"cordova-plugin-uniquedeviceid": "^1.3.2",
"cordova-plugin-video-player": "^1.0.1",
"cordova-plugin-whitelist": "^1.3.3",
"cordova-plugin-x-socialsharing": "^5.4.4",
"crypto-js": "^3.1.9-1",
"es6-promise-plugin": "^4.2.2",
"ionic-angular": "3.9.2",
"ionic-plugin-keyboard": "^2.2.1",
"ionic-select-searchable": "^2.3.0",
"ionicons": "3.0.0",
"jquery": "^3.3.1",
"ngx-soap": "^0.2.2-beta6",
"node-sass": "^4.11.0",
"rxjs": "5.5.8",
"sw-toolbox": "3.6.0",
"xml2js": "^0.4.19",
"zone.js": "0.8.20"
},
Issue not solve by adding configure strategy or the plugin for support android.
AAPT: error: resource android:attr/fontVariationSettings not found.
AAPT: error: resource android:attr/ttcIndex not found.
in values.xml file.
and failed linking references. issue
Support library plugin tried,
configuration strategy

This is because on June 17, Google Updated Play Services and Firebase SDK requirements, a quick fix is edit project.properties on platforms/android folder and modify any lines that matches:
com.google.android.gms:play-services-*
and change the version to 11.8.0 to make it work.
Example:
cordova.system.library.5=com.google.android.gms:play-services-auth:+
Change to:
cordova.system.library.5=com.google.android.gms:play-services-auth:11.8.0
And build again.
To make it work this way you should use cordova-android 7 or 8.
Another fix is upgrade the compileSdkVersion to 28.

Related

Error: Uncaught (in promise): TypeError: n.factory is not a function TypeError: n.factory is not a function

My ionic 6 (angular) app is running as expected on an Android simulator when running in debug mode. However when I generate the aab it gives an error I don't understand. The same happens if I launch the app with ionic cordova run android --prod
main.737916f90481aca1.js:1 ERROR Error: Uncaught (in promise): TypeError: n.factory is not a function
TypeError: n.factory is not a function
at $d.hydrate (main.737916f90481aca1.js:1:455563)
at $d.get (main.737916f90481aca1.js:1:454139)
at $d.get (main.737916f90481aca1.js:1:454187)
at Ay.get (main.737916f90481aca1.js:1:478835)
at _a (main.737916f90481aca1.js:1:437674)
at Da (main.737916f90481aca1.js:1:438151)
at Object.Cs (main.737916f90481aca1.js:1:465938)
at M.component.e.ɵfac [as factory] (4987.e5c5c75110c5e2ce.js:1:3444)
at Vo (main.737916f90481aca1.js:1:439842)
at hy (main.737916f90481aca1.js:1:481079)
at X (polyfills.c13b04107186556f.js:1:17774)
at X (polyfills.c13b04107186556f.js:1:17309)
at polyfills.c13b04107186556f.js:1:18614
at v.invokeTask (polyfills.c13b04107186556f.js:1:8389)
at Object.onInvokeTask (main.737916f90481aca1.js:1:516776)
at v.invokeTask (polyfills.c13b04107186556f.js:1:8310)
at v.runTask (polyfills.c13b04107186556f.js:1:3448)
at A (polyfills.c13b04107186556f.js:1:10775)
Following my package.json
{
"name": "ecove",
"version": "0.0.1",
"author": "Ionic Framework",
"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": "^14.2.9",
"#angular/core": "^14.2.9",
"#angular/forms": "^14.2.9",
"#angular/platform-browser": "^14.2.9",
"#angular/platform-browser-dynamic": "^14.2.9",
"#angular/router": "^14.2.9",
"#awesome-cordova-plugins/camera": "^6.1.0",
"#awesome-cordova-plugins/core": "^6.1.0",
"#awesome-cordova-plugins/diagnostic": "^6.1.0",
"#awesome-cordova-plugins/geolocation": "^6.3.0",
"#awesome-cordova-plugins/http": "^6.1.0",
"#awesome-cordova-plugins/in-app-browser": "^6.1.0",
"#awesome-cordova-plugins/network": "^6.1.0",
"#awesome-cordova-plugins/safari-view-controller": "^6.3.0",
"#awesome-cordova-plugins/splash-screen": "^6.3.0",
"#awesome-cordova-plugins/status-bar": "^6.1.0",
"#capacitor/browser": "^4.1.0",
"#capacitor/core": "4.6.1",
"#ionic-native/android-permissions": "^5.36.0",
"#ionic-native/http": "^5.36.0",
"#ionic-native/in-app-browser": "^5.36.0",
"#ionic-native/splash-screen": "^5.36.0",
"#ionic/angular": "^6.4.2",
"#ionic/cordova-builders": "^7.0.0",
"#ionic/core": "^6.4.2",
"#ionic/storage-angular": "^3.0.6",
"#ngx-translate/core": "^14.0.0",
"#ngx-translate/http-loader": "^7.0.0",
"cordova": "^11.1.0",
"cordova-plugin-advanced-http": "^3.3.1",
"cordova-plugin-android-permissions": "^1.1.5",
"cordova-plugin-camera": "^6.0.0",
"cordova-plugin-file": "^7.0.0",
"cordova-plugin-inappbrowser": "^5.0.0",
"cordova-plugin-ionic-keyboard": "^2.2.0",
"cordova-plugin-network-information": "^3.0.0",
"cordova-plugin-splashscreen": "^6.0.2",
"cordova-plugin-statusbar": "^3.0.0",
"cordova-res": "^0.15.4",
"cordova.plugins.diagnostic": "^7.1.1",
"crypto-js": "^4.1.1",
"ionicons": "^6.0.3",
"node-js-marker-clusterer": "^1.0.0",
"rxjs": "~6.6.0",
"swiper": "^8.3.2",
"tslib": "^2.3.0",
"zone.js": "~0.11.4"
},
"devDependencies": {
"#angular-devkit/build-angular": "^14.2.9",
"#angular-eslint/builder": "^14.0.0",
"#angular-eslint/eslint-plugin": "^14.0.0",
"#angular-eslint/eslint-plugin-template": "^14.0.0",
"#angular-eslint/template-parser": "^14.0.0",
"#angular/cli": "^14.2.9",
"#angular/compiler": "^14.2.9",
"#angular/compiler-cli": "^14.2.9",
"#angular/language-service": "^14.2.9",
"#capacitor/cli": "4.6.1",
"#ionic/angular-toolkit": "^6.0.0",
"#ionic/lab": "3.2.13",
"#types/jasmine": "~4.0.0",
"#types/jasminewd2": "~2.0.3",
"#types/node": "^12.11.1",
"#typescript-eslint/eslint-plugin": "5.3.0",
"#typescript-eslint/parser": "5.3.0",
"cordova-android": "^10.1.2",
"cordova-plugin-geolocation": "^4.1.0",
"cordova-plugin-ionic-webview": "^5.0.0",
"eslint": "^7.6.0",
"eslint-plugin-import": "2.22.1",
"eslint-plugin-jsdoc": "30.7.6",
"eslint-plugin-prefer-arrow": "1.2.2",
"jasmine-core": "~4.3.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~6.4.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.2.0",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.0.0",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"typescript": "~4.8.4"
},
"description": "An Ionic project",
"cordova": {
"plugins": {
"cordova-plugin-statusbar": {},
"cordova-plugin-ionic-webview": {},
"cordova-plugin-ionic-keyboard": {},
"cordova-plugin-advanced-http": {},
"cordova.plugins.diagnostic": {
"ANDROIDX_VERSION": "1.0.0",
"ANDROIDX_APPCOMPAT_VERSION": "1.3.1"
},
"cordova-plugin-geolocation": {
"GPS_REQUIRED": "true"
},
"cordova-plugin-safariviewcontroller": {},
"cordova-plugin-enable-multidex": {},
"cordova-plugin-inappbrowser": {},
"cordova-plugin-android-permissions": {}
},
"platforms": []
}
}
Any help will be welcomed. Thanks.
I have revised dependencies and all seems to be well configured.

Unexpected token ? during run ionic 6 application on android virtual device

I get this error:
JavaScript Error: {"type":"js.error","error":{"message":"Uncaught SyntaxError: Unexpected token ?","url":"http://localhost/vendor.js","line":24288,"col":28,"errorObject":"{}"}} File: http://localhost/ - Line 582 - Msg: SyntaxError: Unexpected token ? File: http://localhost/vendor.js - Line 24288 - Msg: Uncaught SyntaxError: Unexpected token ?
when I run the application in the android emulator. And the app does not want to start, just crashes and shows this error in Logcat. I was open that file and this is what I find in that line:
this._baseHref = href ?? this._platformLocation.getBaseHrefFromDOM() ?? (0,_angular_core__WEBPACK_IMPORTED_MODULE_0__.inject)(DOCUMENT).location?.origin ?? '';
which belongs to this:
class PathLocationStrategy extends LocationStrategy
If helps I can share vendor.js file with you. But please help me or help me to address who is responsible for it.
Here is my package.json:
"dependencies": { "#angular/common": "^14.2.3", "#angular/core": "^14.2.3", "#angular/forms": "^14.2.3", "#angular/platform-browser": "^14.2.3", "#angular/platform-browser-dynamic": "^14.2.3", "#angular/router": "^14.2.3", "#capacitor/android": "^4.3.0", "#capacitor/app": "^4.0.1", "#capacitor/core": "^4.3.0", "#capacitor/filesystem": "^4.1.1", "#capacitor/haptics": "^4.0.0", "#capacitor/ios": "^4.3.0", "#capacitor/keyboard": "^4.0.0", "#capacitor/status-bar": "^4.0.0", "#ionic-native/camera": "^5.36.0", "#ionic-native/core": "^5.36.0", "#ionic-native/file": "^5.36.0", "#ionic-native/splash-screen": "^5.36.0", "#ionic-native/status-bar": "^5.36.0", "#ionic/angular": "^6.2.9", "#ngx-translate/core": "^14.0.0", "#ngx-translate/http-loader": "^7.0.0", "animate.css": "^4.1.1", "cordova-plugin-camera": "^6.0.0", "cordova-plugin-file": "^7.0.0", "date-fns": "^2.29.0", "ionic-selectable": "^4.9.0", "rxjs": "~7.5.7", "tslib": "^2.4.0", "twilio-video": "^2.24.1", "zone.js": "~0.11.8" }, "devDependencies": { "#angular-devkit/architect": "^0.1402.4", "#angular-devkit/build-angular": "^14.2.3", "#angular-devkit/core": "^14.2.4", "#angular-eslint/builder": "~13.3.0", "#angular-eslint/eslint-plugin": "~13.3.0", "#angular-eslint/eslint-plugin-template": "~13.3.0", "#angular-eslint/template-parser": "~13.3.0", "#angular/cli": "^14.2.3", "#angular/compiler": "^14.2.3", "#angular/compiler-cli": "^14.2.3", "#angular/language-service": "^14.2.3", "#capacitor/cli": "^4.0.0", "#ionic/angular-toolkit": "^7.0.0", "#types/jasmine": "~3.6.0", "#types/jasminewd2": "~2.0.3", "#types/node": "^12.11.1", "#typescript-eslint/eslint-plugin": "4.16.1", "#typescript-eslint/parser": "4.16.1", "cordova-plugin-device": "^2.0.2", "cordova-plugin-ionic-keyboard": "^2.2.0", "cordova-plugin-ionic-webview": "^4.2.1", "cordova-plugin-splashscreen": "^5.0.2", "cordova-plugin-statusbar": "^2.4.2", "eslint": "^7.6.0", "eslint-plugin-import": "2.22.1", "eslint-plugin-jsdoc": "30.7.6", "eslint-plugin-prefer-arrow": "1.2.2", "jasmine-core": "~3.8.0", "jasmine-spec-reporter": "~5.0.0", "karma": "~6.3.2", "karma-chrome-launcher": "~3.1.0", "karma-coverage": "~2.0.3", "karma-coverage-istanbul-reporter": "~3.0.2", "karma-jasmine": "~4.0.0", "karma-jasmine-html-reporter": "^1.5.0", "protractor": "~7.0.0", "ts-node": "~10.9.1", "typescript": "~4.8.4" },
Changed in tsconfig.json from:
"target": "es2020",
into:
"target": "es2015",
and looks all works!

NativeScript - When I am trying to take a build in Android I am getting an Error as below but I can able to take build in IOS

NativeScript - When I am trying to take a build in Android I am getting an Error as below but I can able to take build in IOS.
ERROR in ../node_modules/nativescript-permissions/permissions.js
Module not found: Error: Can't resolve '#master.technology/permissions' in
'/node_modules/nativescript-permissions'
# ../node_modules/nativescript-permissions/permissions.js 13:17-58
# ../node_modules/nativescript-camera/camera.js
# ./app/virtualevent/virtualevent.component.ts
# ./app/app.module.tns.ts
# ./main.tns.ts
Webpack compilation complete.
Executing webpack failed with exit code 2.
The above is the error we are getting when trying to take the Android Build
Environment:
OS: macOS 12.3
CPU: (10) arm64 Apple M1 Pro
Shell: /bin/zsh
node: 14.18.2
npm: 6.14.15
nativescript: 8.1.5
android
java: 17.0.2
ndk: Not Found
apis: Not Found
build_tools: Not Found
system_images: Not Found
ios
xcode: 13.3/13E113
cocoapods: 1.11.2
python: Not Found
python3: 3.8.9
ruby: 2.7.5
platforms:
DriverKit 21.4
iOS 15.4
macOS 12.3
tvOS 15.4
watchOS 8.5
Dependencies:
"dependencies": {
"#angular/animations": "^12.2.5",
"#angular/common": "^12.2.5",
"#angular/compiler": "^12.2.5",
"#angular/core": "^12.2.5",
"#angular/forms": "^12.2.5",
"#angular/http": "~8.0.0-beta.10",
"#angular/platform-browser": "^12.2.5",
"#angular/platform-browser-dynamic": "^12.2.5",
"#angular/router": "^12.2.5",
"#nativescript/theme": "~2.2.1",
"#nstudio/nativescript-checkbox": "^1.0.0",
"base-64": "^1.0.0",
"core-js": "^2.6.9",
"material-ui-search-bar": "^0.4.2",
"nativescript-accordion": "^6.0.0-beta.2",
"nativescript-app-tour-updated": "^2.0.2",
"nativescript-camera": "^4.5.0",
"nativescript-collectionview": "^2.0.36",
"nativescript-danem-drop-down": "^1.0.3",
"nativescript-datetimepicker": "^1.2.2",
"nativescript-email": "^1.6.0",
"nativescript-google-places-autocomplete": "^1.0.3",
"nativescript-imagecropper": "^4.0.0",
"nativescript-imagepicker": "^7.1.0",
"nativescript-iqkeyboardmanager": "^1.5.1",
"nativescript-oauth": "^2.1.8",
"nativescript-oauth2": "^2.4.0",
"nativescript-permissions": "^1.3.9",
"nativescript-plugin-firebase": "^10.5.2",
"nativescript-slides": "^2.3.0",
"nativescript-ui-autocomplete": "^6.0.1",
"nativescript-ui-sidedrawer": "^8.0.1",
"nativescript-websockets": "^1.5.6",
"pusher-nativescript": "^1.0.0",
"reflect-metadata": "~0.1.12",
"rxjs": "~7.3.0",
"rxjs-compat": "^6.5.5",
"tslib": "1.10.0",
"zone.js": "~0.11.4",
"#nativescript/core": "~8.1.1",
"#nativescript/angular": "^12.2.0"
},
"devDependencies": {
"#angular-devkit/build-angular": "^13.2.5",
"#angular/cli": "^12.2.5",
"#angular/compiler-cli": "^12.2.5",
"#nativescript/android": "~8.1.1",
"#nativescript/ios": "~8.1.0",
"#nativescript/schematics": "~1.0.0",
"#nativescript/tslint-rules": "~0.0.5",
"#nativescript/webpack": "~5.0.0",
"#ngtools/webpack": "^13.2.5",
"#types/jasmine": "~3.3.8",
"#types/jasminewd2": "~2.0.3",
"#types/node": "~8.9.4",
"codelyzer": "^5.0.0",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^5.2.3",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "^7.0.0",
"sass": "~1.39.0",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~4.3.5"
}

Ionic Android App stuck on white screen after upgrading to Angular 12. Error: goog.getLocale is not a function

I recently tried upgrading Angular 11 to 12 in my Ionic App. It all went well, and the app is running with no errors in the browser.
However, when I tried to run it on an Android phone, after the splash-screen disappears, the app gets stuck in a white screen.
I tried using chrone://inspect tool and see if I get any errors and this showed up:
I also get the same error on the Android Logcat: E/Capacitor/Console: File: http://localhost/vendor-es2015.js - Line 15729 - Msg: ERROR TypeError: goog.getLocale is not a function
I tried adding timeout to the splash-screen, updating libraries, deleting node_modules and reinstalling them, but nothing worked. I can't find much info on the web about this error.
Can anyone tell me what this error means or why is the app stuck here? It works well if I go back to Angular 11.
My package.json looks like this:
"dependencies": {
"#agm/core": "^3.0.0-beta.0",
"#angular/common": "~12.2.3",
"#angular/core": "~12.2.3",
"#angular/forms": "~12.2.3",
"#angular/platform-browser": "~12.2.3",
"#angular/platform-browser-dynamic": "~12.2.3",
"#angular/router": "~12.2.3",
"#capacitor-community/background-geolocation": "^0.3.11",
"#capacitor/android": "^2.4.6",
"#capacitor/core": "^2.4.6",
"#capacitor/ios": "^2.4.6",
"#ionic-native/android-permissions": "^5.30.0",
"#ionic-native/clipboard": "^5.31.1",
"#ionic-native/core": "^5.30.0",
"#ionic-native/device": "^5.31.1",
"#ionic-native/diagnostic": "^5.32.1",
"#ionic-native/insomnia": "^5.30.0",
"#ionic-native/launch-navigator": "^5.30.0",
"#ionic-native/location-accuracy": "^5.30.0",
"#ionic-native/market": "^5.33.1",
"#ionic-native/mobile-accessibility": "^5.36.0",
"#ionic-native/splash-screen": "^5.30.0",
"#ionic-native/status-bar": "^5.30.0",
"#ionic/angular": "^5.6.14",
"#ionic/pwa-elements": "^3.0.2",
"#ngrx/effects": "^10.0.0",
"#ngrx/entity": "^10.0.0",
"#ngrx/schematics": "^10.0.0",
"#ngrx/store": "^10.0.0",
"#ngrx/store-devtools": "^10.0.0",
"#ngx-translate/core": "^12.1.2",
"#ngx-translate/http-loader": "^6.0.0",
"agm-direction": "^0.8.9",
"cordova-clipboard": "^1.3.0",
"cordova-plugin-actionsheet": "^2.3.3",
"cordova-plugin-android-permissions": "^1.1.2",
"cordova-plugin-device": "^2.0.3",
"cordova-plugin-dialogs": "^2.0.2",
"cordova-plugin-insomnia": "^4.3.0",
"cordova-plugin-market": "^1.2.0",
"cordova-plugin-network-information": "git+https://github.com/apache/cordova-plugin-network-information.git",
"cordova-plugin-request-location-accuracy": "^2.3.0",
"cordova.plugins.diagnostic": "^6.0.3",
"core-js": "^3.8.3",
"moment": "^2.28.0",
"ngx-signaturepad": "^0.0.9",
"phonegap-plugin-mobile-accessibility": "^1.0.5",
"rxjs": "^6.6.3",
"tslib": "^2.0.1",
"uk.co.workingedge.phonegap.plugin.launchnavigator": "^5.0.5",
"zone.js": "~0.11.4"
},
"devDependencies": {
"#angular-devkit/build-angular": "~12.2.3",
"#angular/cli": "^12.2.3",
"#angular/compiler": "~12.2.3",
"#angular/compiler-cli": "~12.2.3",
"#angular/language-service": "~12.2.3",
"#babel/core": "^7.10.2",
"#capacitor/cli": "2.4.6",
"#ionic/angular-toolkit": "^4.0.0",
"#storybook/addon-actions": "^5.3.19",
"#storybook/addon-knobs": "^5.3.19",
"#storybook/addon-links": "^5.3.19",
"#storybook/addon-notes": "^5.3.19",
"#storybook/addon-options": "^5.3.19",
"#storybook/addons": "^5.3.19",
"#storybook/angular": "^5.3.19",
"#types/googlemaps": "3.39.12",
"#types/jasmine": "~3.3.8",
"#types/jasminewd2": "~2.0.3",
"#types/node": "^12.11.1",
"agm-overlays": "^2.0.0",
"babel-loader": "^8.1.0",
"codelyzer": "^6.0.1",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^6.3.4",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "^7.0.0",
"ts-node": "~7.0.0",
"tslint": "~6.1.0",
"typescript": "4.3.5"
},
Thank-you!
#edit 09/2021
as a temporary fix avoid to call the getGlobalLocale().
Add this to your index.html
<script>
var ngI18nClosureMode = false;
</script>
same here updating from angular#12.1 to #12.2.
meanwhile try to update to ^12.1

Getting trouble with npm run start.android in angular2seed

I am using angular2seed-advanced Check here. And i follow the steps mantioned in that. while developing app i give npm start i got the http://localhost:5555/ and it correctly dispalyed on browser. after that when i give the command that which is for android
ie, npm run start.
android i got an error Unable to install dependencies. Make sure your package.json is valid and all dependencies are correct. Error is: The package #angular/core#2.1.0-beta.0 does not satisfy its siblings' peerDependencies requirements!. while running npm install command i got
UNMET PEER DEPENDENCY #angular/common#2.1.0-beta.0
+-- UNMET PEER DEPENDENCY #angular/compiler#2.1.0-beta.0
+-- UNMET PEER DEPENDENCY #angular/core#2.1.0-beta.0
+-- UNMET PEER DEPENDENCY #angular/http#2.1.0-beta.0
+-- UNMET PEER DEPENDENCY #angular/platform-browser#2.1.0-beta.0
what should i do? anyone please provide solution for this. here i attached my package.json file
package.json
"devDependencies": {
"#angular/compiler-cli": "^0.6.1",
"#angular/platform-server": "^2.0.0",
"#angular/tsc-wrapped": "^0.3.0",
"#types/async": "^2.0.31",
"#types/browser-sync": "^0.0.32",
"#types/connect-livereload": "^0.5.29",
"#types/core-js": "^0.9.32",
"#types/express": "^4.0.32",
"#types/gulp": "^3.8.31",
"#types/gulp-load-plugins": "^0.0.27",
"#types/gulp-protractor": "^1.0.28",
"#types/gulp-sass": "^0.0.28",
"#types/gulp-shell": "^0.0.28",
"#types/gulp-util": "^3.0.28",
"#types/jasmine": "^2.2.33",
"#types/lodash": "^4.14.36",
"#types/node": "^6.0.38",
"#types/protractor": "^1.5.18",
"#types/rimraf": "^0.0.27",
"#types/run-sequence": "^0.0.27",
"#types/selenium-webdriver": "2.44.*",
"#types/systemjs": "^0.19.30",
"#types/yargs": "^0.0.30",
"#types/zone.js": "^0.0.26",
"async": "^2.0.1",
"autoprefixer": "^6.3.7",
"browser-sync": "^2.13.0",
"codelyzer": "1.0.0-beta.0",
"colorguard": "^1.2.0",
"compression": "^1.6.2",
"connect": "^3.4.1",
"connect-history-api-fallback": "^1.3.0",
"connect-livereload": "^0.5.4",
"cssnano": "^3.7.3",
"deep-extend": "^0.4.1",
"doiuse": "^2.4.1",
"electron-connect": "^0.4.2",
"electron-debug": "^1.0.0",
"electron-prebuilt": "^1.2.1",
"event-stream": "^3.3.3",
"express": "~4.14.0",
"express-history-api-fallback": "^2.0.0",
"extend": "^3.0.0",
"gulp": "^3.9.1",
"gulp-atom-electron": "^1.6.1",
"gulp-cached": "^1.1.0",
"gulp-clean-css": "^2.0.11",
"gulp-concat": "^2.6.0",
"gulp-concat-css": "^2.3.0",
"gulp-filter": "^4.0.0",
"gulp-inject": "^4.1.0",
"gulp-inline-ng2-template": "^3.0.1",
"gulp-load-plugins": "^1.2.4",
"gulp-newer": "^1.2.0",
"gulp-plumber": "~1.1.0",
"gulp-postcss": "^6.1.1",
"gulp-progeny": "^0.3.1",
"gulp-protractor": "^2.4.0",
"gulp-replace": "^0.5.4",
"gulp-sass": "^2.3.2",
"gulp-sass-lint": "^1.2.0",
"gulp-sourcemaps": "2.0.0-alpha",
"gulp-symdest": "^1.0.0",
"gulp-template": "^4.0.0",
"gulp-tslint": "^6.0.1",
"gulp-typedoc": "^2.0.0",
"gulp-typescript": "^3.0.1",
"gulp-uglify": "^2.0.0",
"gulp-util": "^3.0.7",
"gulp-watch": "^4.3.8",
"is-ci": "^1.0.9",
"isstream": "^0.1.2",
"jasmine-core": "~2.4.1",
"jasmine-spec-reporter": "^2.5.0",
"karma": "~0.13.22",
"karma-chrome-launcher": "~1.0.1",
"karma-coverage": "^1.1.0",
"karma-jasmine": "~1.0.2",
"karma-mocha-reporter": "^2.0.4",
"merge-stream": "^1.0.0",
"open": "0.0.5",
"postcss-reporter": "^1.4.1",
"protractor": "^3.3.0",
"remap-istanbul": "^0.6.4",
"rimraf": "^2.5.3",
"run-sequence": "^1.2.2",
"semver": "^5.3.0",
"serve-static": "^1.11.1",
"slash": "~1.0.0",
"stylelint": "^7.0.2",
"stylelint-config-standard": "^11.0.0",
"systemjs-builder": "0.15.31",
"tildify": "^1.2.0",
"traceur": "^0.0.111",
"ts-node": "^1.0.0",
"tslint": "^3.13.0",
"tslint-stylish": "2.1.0-beta",
"typedoc": "^0.4.5",
"typescript": "2.0.2",
"walk": "^2.3.9",
"yargs": "^4.8.0"
},
"dependencies": {
"#angular/common": "^2.1.0-beta.0",
"#angular/compiler": "^2.1.0-beta.0",
"#angular/core": "^2.1.0-beta.0",
"#angular/forms": "^2.1.0-beta.0",
"#angular/http": "^2.1.0-beta.0",
"#angular/platform-browser": "^2.1.0-beta.0",
"#angular/platform-browser-dynamic": "^2.1.0-beta.0",
"#angular/router": "^3.1.0-beta.0",
"#ngrx/core": "^1.2.0",
"#ngrx/effects": "^2.0.0",
"#ngrx/store": "^2.2.1",
"angulartics2": "^1.1.5",
"core-js": "^2.4.1",
"es-module-loader": "^1.0.0",
"lodash": "^4.15.0",
"ng2-translate": "^2.4.4",
"reflect-metadata": "^0.1.8",
"rxjs": "5.0.0-beta.12",
"systemjs": "0.19.38",
"zone.js": "0.6.23"
}
}
nativescript/package.json
"dependencies": {
"#angular/common": "^2.1.0-beta.0",
"#angular/compiler": "^2.1.0-beta.0",
"#angular/core": "^2.1.0-beta.0",
"#angular/forms": "^2.1.0-beta.0",
"#angular/http": "^2.1.0-beta.0",
"#angular/platform-browser": "^2.1.0-beta.0",
"#angular/platform-browser-dynamic": "^2.1.0-beta.0",
"#angular/platform-server": "^2.1.0-beta.0",
"#angular/router": "^3.1.0-beta.0",
"#ngrx/core": "^1.2.0",
"#ngrx/effects": "^2.0.0",
"#ngrx/store": "^2.2.1",
"angulartics2": "^1.1.6",
"es6-promise": "^3.0.2",
"es6-shim": "^0.35.0",
"lodash": "^4.15.0",
"nativescript-angular": "next",
"nativescript-ng2-translate": "^1.2.0",
"nativescript-theme-core": "0.0.10",
"ng2-translate": "^2.4.4",
"parse5": "1.4.2",
"punycode": "1.3.2",
"querystring": "0.2.0",
"reflect-metadata": "^0.1.8",
"rxjs": "5.0.0-beta.12",
"tns-core-modules": "^2.3.0",
"url": "0.10.3"
},
"devDependencies": {
"zone.js": "^0.6.21",
"babel-traverse": "6.12.0",
"babel-types": "6.11.1",
"babylon": "6.8.4",
"filewalker": "0.1.2",
"lazy": "1.0.11",
"nativescript-dev-typescript": "^0.3.2",
"shelljs": "^0.7.0",
"typescript": "^1.8.10"
}
Not in this version of angular-seed. But in previous versions I had same problems.
Fix was install zone.js and rxjs first.
removing node_modules from root and nativescript folder
install zone.js and rxjs
tns install
something like this. Maybe installing order was off.
It maybe other dependency than zone.js and rxjs.
you can try npm -i #angular/common#2.1.0-beta.0 to see which dependencies are unmet
Hope this helps
UPDATE 1
After I tried cd nativescript && npm i command gave me following error.
npm WARN ng2-translate#2.5.0 requires a peer of #angular/core#~2.0.0 but none was installed.
npm WARN ng2-translate#2.5.0 requires a peer of #angular/http#~2.0.0 but none was installed.
npm WARN #ngrx/store#2.2.1 requires a peer of #angular/core#^2.0.0 but none was installed.
npm WARN #ngrx/effects#2.0.0 requires a peer of #angular/core#^2.0.0 but none was installed.
this means version 2.5.0 of plugin ng2-translate requires version ~2.0.0 of #angular/core. But version ~2.0.0 of #angular/core is not installed.
So downgrading few beta version in nativescript/package.json file fixed the problem run on my machine.
"#angular/common": "^2.0.0",
"#angular/compiler": "^2.0.0",
"#angular/core": "^2.0.0",
"#angular/forms": "^2.0.0",
"#angular/http": "^2.0.0",
"#angular/platform-browser": "^2.0.0",
"#angular/platform-browser-dynamic": "^2.0.0",
"#angular/platform-server": "^2.0.0",
"#angular/router": "^3.0.0",
I advice to ask developers directly on github or slack channel, or use stable release of that repo. Cheers.

Categories

Resources