Related
I am building an app with Ionic Angular and Capacitor.
According to Capacitor's documentation, they support Android from version 5.0:
Android version support for Capacitor is more complex than iOS. Currently, we are targeting API level 21 or greater, meaning Android 5.0 (Lollipop) or above. This represents over 90% of the Android market.
But when I try to launch my App in Android 6.0.1 Marshmallow on a real device, not the emulator which I know uses very old WebViews, I get this error from Logcat:
2023-02-07 20:17:30.316 1291-1291/com.my.app E/ApkAssets: Error while
loading asset assets/natives_blob_64.bin:
java.io.FileNotFoundException: assets/natives_blob_64.bin
2023-02-07 20:17:30.316 1291-1291/com.my.app E/ApkAssets: Error while
loading asset assets/snapshot_blob_64.bin:
java.io.FileNotFoundException: assets/snapshot_blob_64.bin
2023-02-07 20:17:33.179 1291-1291/com.my.app E/Capacitor: System
WebView is not supported
2023-02-07 20:17:33.300 1291-1381/com.my.app E/libEGL:
validate_display:255 error 3008 (EGL_BAD_DISPLAY)
2023-02-07 20:17:33.546 1291-1291/com.my.app E/Capacitor/Console:
File: http://localhost/ - Line 80 - Msg: Uncaught SyntaxError:
Unexpected token (
I already tried with several browserslistrc configs and setting the target in tsconfig.ts to es2015, but nothing works.
This is my package.json:
{
"name": "my-app",
"version": "0.0.3",
"author": "John Smith",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"android": "ionic capacitor sync && ionic capacitor open android",
"ios": "ionic capacitor sync && ionic capacitor open ios",
"androidProd": "ionic capacitor sync && ionic capacitor build android --prod",
"iosProd": "ionic capacitor sync && ionic capacitor build ios --prod",
"buildProd": "ionic capacitor sync && ionic build --prod"
},
"browserslist": [
"defaults and supports es6-module",
"maintained node versions"
],
"private": true,
"dependencies": {
"#angular/common": "^15.0.2",
"#angular/core": "^15.0.2",
"#angular/forms": "^15.0.2",
"#angular/material": "^15.0.1",
"#angular/platform-browser": "^15.0.2",
"#angular/platform-browser-dynamic": "^15.0.2",
"#angular/router": "^15.0.2",
"#auth0/angular-jwt": "^5.1.0",
"#awesome-cordova-plugins/camera": "^6.3.0",
"#awesome-cordova-plugins/core": "^6.3.0",
"#awesome-cordova-plugins/device": "^6.3.0",
"#awesome-cordova-plugins/diagnostic": "^6.3.0",
"#awesome-cordova-plugins/geolocation": "^6.3.0",
"#awesome-cordova-plugins/local-notifications": "^6.3.0",
"#awesome-cordova-plugins/power-optimization": "^6.3.0",
"#awesome-cordova-plugins/screen-orientation": "^6.3.0",
"#awesome-cordova-plugins/social-sharing": "^6.3.0",
"#capacitor-community/facebook-login": "^4.0.0",
"#capacitor/android": "^4.6.1",
"#capacitor/app": "^4.1.1",
"#capacitor/browser": "^4.1.0",
"#capacitor/core": "^4.6.1",
"#capacitor/ios": "4.6.1",
"#capacitor/keyboard": "^4.1.0",
"#capacitor/push-notifications": "^4.1.2",
"#capacitor/status-bar": "^4.1.1",
"#ionic/angular": "^6.3.9",
"#ionic/pwa-elements": "^3.1.1",
"#ngx-translate/core": "^14.0.0",
"#ngx-translate/http-loader": "^7.0.0",
"cordova-plugin-badge": "^0.8.8",
"cordova-plugin-camera": "^6.0.0",
"cordova-plugin-device": "^2.1.0",
"cordova-plugin-geolocation": "^4.1.0",
"cordova-plugin-local-notification": "^0.9.0-beta.2",
"cordova-plugin-power-optimization": "^0.0.4",
"cordova-plugin-screen-orientation": "^3.0.2",
"cordova-plugin-x-socialsharing": "^6.0.4",
"cordova-support-android-plugin": "^2.0.4",
"cordova.plugins.diagnostic": "^7.1.1",
"crypto-js": "^4.1.1",
"es6-promise-plugin": "^4.2.2",
"jetifier": "^2.0.0",
"luxon": "^3.1.1",
"net": "^1.0.2",
"rxjs": "~7.6.0",
"sockjs-client": "^1.6.1",
"stompjs": "^2.3.3",
"swiper": "^8.4.5",
"tslib": "^2.4.1",
"uuid": "^9.0.0",
"zone.js": "~0.12.0"
},
"devDependencies": {
"#angular-devkit/build-angular": "^15.0.2",
"#angular-eslint/builder": "~15.1.0",
"#angular-eslint/eslint-plugin": "~15.1.0",
"#angular-eslint/eslint-plugin-template": "~15.1.0",
"#angular-eslint/template-parser": "~15.1.0",
"#angular/cli": "^15.0.2",
"#angular/compiler": "^15.0.2",
"#angular/compiler-cli": "^15.0.2",
"#angular/language-service": "^15.0.2",
"#capacitor/cli": "^4.6.1",
"#ionic/angular-toolkit": "^7.0.0",
"#types/jasmine": "~4.3.1",
"#types/jasminewd2": "~2.0.10",
"#types/node": "^18.11.11",
"#typescript-eslint/eslint-plugin": "5.45.1",
"#typescript-eslint/parser": "5.45.1",
"eslint": "^8.29.0",
"eslint-plugin-import": "2.26.0",
"eslint-plugin-jsdoc": "39.6.4",
"eslint-plugin-prefer-arrow": "1.2.3",
"jasmine-core": "~4.5.0",
"jasmine-spec-reporter": "~7.0.0",
"karma": "~6.4.1",
"karma-chrome-launcher": "~3.1.1",
"karma-coverage": "~2.2.0",
"karma-coverage-istanbul-reporter": "~3.0.3",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "^2.0.0",
"protractor": "~7.0.0",
"ts-node": "~10.9.1",
"typescript": "~4.8.2"
},
"description": "An absolute awesome app"
}
This is my tsconfig.ts:
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"importHelpers": true,
"target": "es2015",
"module": "es2020",
"lib": [
"es2018",
"dom"
],
"useDefineForClassFields": false,
"allowSyntheticDefaultImports": true
},
"angularCompilerOptions": {
"enableI18nLegacyMessageIdFormat": false,
"strictInjectionParameters": true,
"strictInputAccessModifiers": true,
"strictTemplates": true,
"allowSyntheticDefaultImports": true
}
}
I really need to get this running on Android 6 as this app needs to go through a review process from Meta to use some Facebook/Instagram data, and they are testing on Android 6 Marshmallow devices, but as long as this error appears, the app will show the splash screen and then just display a white screen.
Try to update the WebView from the Play Store or change the capacitor.config.ts:
const config: CapacitorConfig = {
...
android: {
minWebViewVersion: 55
},
};
From the documentation:
The minimum supported cannot be lower than version 55, which is required for Capacitor.
If the device uses a lower WebView version, an error message will be shown on Logcat.
If server.errorPath is configured, the WebView will redirect to that file, so can be used to show a custom error.
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"
}
I try to Add FCM to my application using Capacitor
https://ionicframework.com/docs/native/fcm
I add the google servies.json to android\app
i change the code
from classpath 'com.google.gms:google-services:4.3.3'
To classpath 'com.google.gms:google-services:4.3.4'
as firebase documentation
buildscript {
repositories {
google()
jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:3.6.1'
classpath 'com.google.gms:google-services:4.3.4'
// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}
}
apply from: "variables.gradle"
allprojects {
repositories {
google()
jcenter()
}
}
task clean(type: Delete) {
delete rootProject.buildDir
}
try to run the application in emulater but i got error in android studio
File google-services.json is missing. The Google Services Plugin cannot function without it.
Searched Location:
C:\Users\User\Documents\IONICProject\sahha-admin\android\capacitor-cordova-android-plugins\src\nullnull\google-services.json
C:\Users\User\Documents\IONICProject\sahha-admin\android\capacitor-cordova-android-plugins\src\debug\google-services.json
C:\Users\User\Documents\IONICProject\sahha-admin\android\capacitor-cordova-android-plugins\src\nullnullDebug\google-services.json
C:\Users\User\Documents\IONICProject\sahha-admin\android\capacitor-cordova-android-plugins\src\nullnull\debug\google-services.json
C:\Users\User\Documents\IONICProject\sahha-admin\android\capacitor-cordova-android-plugins\src\debug\nullnull\google-services.json
C:\Users\User\Documents\IONICProject\sahha-admin\android\capacitor-cordova-android-plugins\google-services.json
Environment :
win 10
Mobile android version: 9
Cordova CLI version : 9.0.0 (cordova-lib#9.0.1)
IONIC version : 6.10.1
Android Studio version :4.0.1
Package.json
{
"name": "sahha-admin",
"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": "~9.1.6",
"#angular/core": "~9.1.6",
"#angular/fire": "^6.0.2",
"#angular/forms": "~9.1.6",
"#angular/platform-browser": "~9.1.6",
"#angular/platform-browser-dynamic": "~9.1.6",
"#angular/router": "~9.1.6",
"#capacitor-community/fcm": "^1.0.8",
"#capacitor/android": "^2.4.0",
"#capacitor/core": "2.4.0",
"#ionic-native/camera": "^5.28.0",
"#ionic-native/core": "^5.0.7",
"#ionic-native/fcm": "^5.28.0",
"#ionic-native/file": "^5.28.0",
"#ionic-native/file-path": "^5.28.0",
"#ionic-native/globalization": "^5.28.0",
"#ionic-native/image-picker": "^5.27.0",
"#ionic-native/splash-screen": "^5.0.0",
"#ionic-native/status-bar": "^5.0.0",
"#ionic/angular": "^5.0.0",
"#ngx-translate/core": "^12.1.2",
"#ngx-translate/http-loader": "^5.0.0",
"cordova-plugin-camera": "^4.1.0",
"cordova-plugin-fcm-with-dependecy-updated": "^7.3.1",
"cordova-plugin-file": "^6.0.2",
"cordova-plugin-filepath": "^1.5.8",
"cordova-plugin-globalization": "^1.11.0",
"cordova-plugin-telerik-imagepicker": "^2.3.3",
"firebase": "^7.22.1",
"jetifier": "^1.6.6",
"rxjs": "~6.5.1",
"sweetalert2": "^9.17.1",
"tslib": "^1.10.0",
"zone.js": "~0.10.2"
},
"devDependencies": {
"#angular-devkit/build-angular": "~0.901.5",
"#angular/cli": "~9.1.5",
"#angular/compiler": "~9.1.6",
"#angular/compiler-cli": "~9.1.6",
"#angular/language-service": "~9.1.6",
"#capacitor/cli": "2.4.0",
"#ionic/angular-toolkit": "^2.3.3",
"#types/jasmine": "~3.5.0",
"#types/jasminewd2": "~2.0.3",
"#types/node": "^12.11.1",
"codelyzer": "^5.1.2",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~5.0.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~2.1.0",
"karma-jasmine": "~3.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"protractor": "^7.0.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~3.8.3"
},
"description": "An Ionic
projects"
}
as per show your question, I also have the same problem a few months ago and I fixed with
following steps.
1). first, remove fcm plugin from the project
2). download the google-services.json file from firebase console
3). put the google-services.json file on the root folder of the project
4). also put in platform/android/ folder
then install fcm plugin and clean build and rebuild again
this process is working for me to try and if not working then also refer the following link it's helped me and maybe you.
File google-services.json is missing. The Google Services Plugin cannot function without it ionic 3
https://github.com/fechanique/cordova-plugin-fcm/issues/219
I want to run my Ionic project with capacitor and I have tried different way to run Ionic project with capacitor even I have created an Ionic blank project using Ionic CLI but I can't do that because of this android studio error:
error: resource style/Base.V28.Theme.AppCompat.Light (aka com.mahdi.myapp2:style/Base.V28.Theme.AppCompat.Light) not found.
This error occurs when I want to build or run my project with android studio. Inside the visual studio code, I don't get an Error
Ionic version: 5.4.13
Node version: v10.15.3
Npm version: 6.4.1
Thanks for your help
Here is my package.json file:
{
"name": "myApp",
"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": "~8.1.2",
"#angular/core": "~8.1.2",
"#angular/forms": "~8.1.2",
"#angular/platform-browser": "~8.1.2",
"#angular/platform-browser-dynamic": "~8.1.2",
"#angular/router": "~8.1.2",
"#capacitor/android": "^1.4.0",
"#capacitor/core": "1.4.0",
"#ionic-native/core": "^5.0.0",
"#ionic-native/splash-screen": "^5.0.0",
"#ionic-native/status-bar": "^5.0.0",
"#ionic/angular": "^4.7.1",
"core-js": "^2.5.4",
"rxjs": "~6.5.1",
"tslib": "^1.9.0",
"zone.js": "~0.9.1"
},
"devDependencies": {
"#angular-devkit/architect": "~0.801.2",
"#angular-devkit/build-angular": "~0.801.2",
"#angular-devkit/core": "~8.1.2",
"#angular-devkit/schematics": "~8.1.2",
"#angular/cli": "~8.1.2",
"#angular/compiler": "~8.1.2",
"#angular/compiler-cli": "~8.1.2",
"#angular/language-service": "~8.1.2",
"#capacitor/cli": "1.4.0",
"#ionic/angular-toolkit": "^2.1.1",
"#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": "~4.1.0",
"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": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~3.4.3"
},
"description": "An Ionic project"
}
This is related to the libraries installed in your android studio, and nothing to do with ionic settings..
Try steps in this link
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.