steps:------------------------------------------------------------------------------------------------------------ | |
node -version : 8.10.0 | |
remove ionic and cordova first so that caching will not effect | |
npm uninstall -g ionic cordova | |
then install this version | |
npm install -g ionic cordova | |
create ionic app | |
ionic start helloWorld blank --type=ionic-angular | |
check if created app works on browser : To run your app, cd into the directory that was created and then run the ionic serve command to test your app right in the browser! | |
cd helloWorld | |
ionic serve | |
place src and given package.json file to root of you project and run these commands to install the plugin | |
ionic cordova plugin add cordova-plugin-camera@2.4.1 | |
ionic cordova plugin add cordova-plugin-inappbrowser@1.7.2 | |
ionic cordova plugin add cordova-plugin-camera@2.4.1 | |
ionic cordova plugin add cordova-plugin-compat@1.2.0 | |
ionic cordova plugin add cordova-plugin-console@1.0.5 | |
ionic cordova plugin add cordova-plugin-device@1.1.7 | |
ionic cordova plugin add cordova-plugin-file@4.3.3 | |
ionic cordova plugin add cordova-plugin-file-transfer@1.6.3 | |
ionic cordova plugin add cordova-plugin-inappbrowser@1.7.2 | |
ionic cordova plugin add cordova-plugin-inapppurchase@1.1.0 | |
ionic cordova plugin add cordova-plugin-splashscreen@4.1.0 | |
ionic cordova plugin add cordova-plugin-statusbar@2.4.2 | |
ionic cordova plugin add cordova-plugin-whitelist@1.3.3 | |
ionic cordova plugin add cordova-sqlite-storage@2.0.4 | |
ionic cordova plugin add ionic-plugin-keyboard@2.2.1 | |
ionic cordova plugin add cordova-support-google-services@1.3.2 | |
ionic cordova plugin add phonegap-plugin-barcodescanner@8.1.0 | |
ionic cordova plugin add phonegap-plugin-push@2.3.0 | |
ionic cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID=myreversedclientid | |
ionic cordova plugin add cordova-plugin-facebook4@1.7.4 --variable APP_ID="491338181212175" --variable APP_NAME="WPLMS Mobile App" | |
After that rename the node_modules folder to old_node_module (or any name) | |
then run command : npm install | |
Error solution | |
can not find firebase module fix : npm install --save firebase@6.2.4 | |
app-scripts fix : npm install @ionic/app-scripts@3.2.4 --save-dev | |
for sass error fix : npm rebuild node-sass | |
Failed to install 'cordova-plugin-googleplus': undefined CordovaError: Promise rejected with non-error: 'CocoaPods was not found. | |
sudo gem install cocoapods | |
pod setup | |
cordova platform remove ios | |
cordova platform add ios | |
storage plugin error(Failed to install 'cordova-sqlite-storage': CordovaError: Using "requireCordovaModule" to load non-cordova module "q" is not supported. Instead, add this module to your dependencies and use regular "require" to load it.) : | |
remove storage plugin -ionic cordova plugin remove cordova-sqlite-storage | |
add plugin without version specifying - ionic cordova plugin add cordova-sqlite-storage | |
clear text issue android : edit -> platforms\android\app\src\main\AndroidManifest | |
remove this android:networkSecurityConfig="@xml/network_security_config" | |
add this android:usesCleartextTraffic="true" | |
package.json :----------------------------------------------------------------------------------- | |
{ | |
"name": "myapp5.4.4", | |
"version": "0.0.1", | |
"author": "Ionic Framework", | |
"homepage": "http://ionicframework.com/", | |
"private": true, | |
"scripts": { | |
"start": "ionic-app-scripts serve", | |
"clean": "ionic-app-scripts clean", | |
"build": "ionic-app-scripts build", | |
"lint": "ionic-app-scripts lint" | |
}, | |
"dependencies": { | |
"@angular/animations": "5.2.11", | |
"@angular/common": "5.2.11", | |
"@angular/compiler": "5.2.11", | |
"@angular/compiler-cli": "^8.2.14", | |
"@angular/core": "5.2.11", | |
"@angular/forms": "5.2.11", | |
"@angular/http": "5.2.11", | |
"@angular/platform-browser": "5.2.11", | |
"@angular/platform-browser-dynamic": "5.2.11", | |
"@ionic-native/barcode-scanner": "^4.20.0", | |
"@ionic-native/camera": "^4.20.0", | |
"@ionic-native/core": "~4.20.0", | |
"@ionic-native/device": "^4.20.0", | |
"@ionic-native/facebook": "^4.20.0", | |
"@ionic-native/file": "^4.20.0", | |
"@ionic-native/file-transfer": "^4.20.0", | |
"@ionic-native/google-plus": "^4.20.0", | |
"@ionic-native/in-app-browser": "^4.20.0", | |
"@ionic-native/in-app-purchase": "^4.20.0", | |
"@ionic-native/push": "^4.20.0", | |
"@ionic-native/splash-screen": "~4.20.0", | |
"@ionic-native/status-bar": "~4.20.0", | |
"@ionic/storage": "2.2.0", | |
"@ngx-translate/core": "8.0.0", | |
"@ngx-translate/http-loader": "^2.0.0", | |
"@types/dragula": "^2.1.34", | |
"chart.js": "^2.8.0", | |
"cordova-android": "^8.1.0", | |
"cordova-ios": "^5.1.1", | |
"cordova-plugin-camera": "^2.4.1", | |
"cordova-plugin-compat": "^1.2.0", | |
"cordova-plugin-console": "^1.0.5", | |
"cordova-plugin-device": "^1.1.7", | |
"cordova-plugin-facebook4": "^1.7.4", | |
"cordova-plugin-file": "^4.3.3", | |
"cordova-plugin-file-transfer": "^1.6.3", | |
"cordova-plugin-googleplus": "^8.2.0", | |
"cordova-plugin-inappbrowser": "^1.7.2", | |
"cordova-plugin-inapppurchase": "^1.1.0", | |
"cordova-plugin-splashscreen": "^4.1.0", | |
"cordova-plugin-statusbar": "^2.4.2", | |
"cordova-plugin-whitelist": "^1.3.3", | |
"cordova-sqlite-storage": "^2.0.4", | |
"cordova-support-google-services": "^1.3.2", | |
"dragula": "^3.7.2", | |
"firebase": "^6.2.4", | |
"imgcache.js": "^1.1.1", | |
"ionic-angular": "3.9.5", | |
"ionic-emoji-picker": "^0.1.8", | |
"ionic-plugin-keyboard": "^2.2.1", | |
"ionicons": "3.0.0", | |
"ng2-dragula": "^1.5.0", | |
"phonegap-plugin-barcodescanner": "^8.1.0", | |
"phonegap-plugin-multidex": "^1.0.0", | |
"phonegap-plugin-push": "^2.3.0", | |
"rxjs": "5.5.11", | |
"sw-toolbox": "3.6.0", | |
"videogular2": "^6.1.1", | |
"zone.js": "0.8.29" | |
}, | |
"devDependencies": { | |
"@ionic/app-scripts": "3.2.2", | |
"typescript": "~2.6.2", | |
"cordova-plugin-ionic-webview": "^4.0.0", | |
"cordova-plugin-ionic-keyboard": "^2.0.5" | |
}, | |
"description": "An Ionic project", | |
"cordova": { | |
"plugins": { | |
"cordova-plugin-camera": {}, | |
"cordova-plugin-inappbrowser": {}, | |
"cordova-plugin-compat": {}, | |
"cordova-plugin-console": {}, | |
"cordova-plugin-device": {}, | |
"cordova-plugin-file": {}, | |
"cordova-plugin-file-transfer": {}, | |
"cordova-plugin-inapppurchase": {}, | |
"cordova-plugin-splashscreen": {}, | |
"cordova-plugin-statusbar": {}, | |
"cordova-plugin-whitelist": {}, | |
"cordova-sqlite-storage": {}, | |
"ionic-plugin-keyboard": {}, | |
"cordova-plugin-ionic-webview": {}, | |
"cordova-plugin-ionic-keyboard": {}, | |
"cordova-plugin-facebook4": { | |
"APP_ID": "491338181212175", | |
"APP_NAME": "wplms" | |
}, | |
"cordova-plugin-googleplus": { | |
"REVERSED_CLIENT_ID": "com.googleusercontent.apps.t0b9g6ufas6cdntveo8cpfg20q9of4tk-894046507848", | |
"PLAY_SERVICES_VERSION": "15.0.1" | |
}, | |
"cordova-support-google-services": {}, | |
"phonegap-plugin-barcodescanner": { | |
"ANDROID_SUPPORT_V4_VERSION": "27.+" | |
} | |
} | |
} | |
} | |
config.xml :------------------------------------------------------------------------------------------------ | |
<?xml version='1.0' encoding='utf-8'?> | |
<widget id="com.vibethemes.wplms" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"> | |
<name>MyApp</name> | |
<description>An awesome Ionic/Cordova app.</description> | |
<author email="hi@ionicframework.com" href="http://ionicframework.com/">Ionic Framework Team</author> | |
<content src="index.html" /> | |
<access origin="*" /> | |
<allow-intent href="http://*/*" /> | |
<allow-intent href="https://*/*" /> | |
<allow-intent href="tel:*" /> | |
<allow-intent href="sms:*" /> | |
<allow-intent href="mailto:*" /> | |
<allow-intent href="geo:*" /> | |
<preference name="ScrollEnabled" value="false" /> | |
<preference name="android-minSdkVersion" value="19" /> | |
<preference name="BackupWebStorage" value="none" /> | |
<preference name="SplashMaintainAspectRatio" value="true" /> | |
<preference name="FadeSplashScreenDuration" value="300" /> | |
<preference name="SplashShowOnlyFirstTime" value="false" /> | |
<preference name="SplashScreen" value="screen" /> | |
<preference name="SplashScreenDelay" value="3000" /> | |
<platform name="android"> | |
<edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android"> | |
<application android:networkSecurityConfig="@xml/network_security_config" /> | |
</edit-config> | |
<resource-file src="resources/android/xml/network_security_config.xml" target="app/src/main/res/xml/network_security_config.xml" /> | |
<allow-intent href="market:*" /> | |
<icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" /> | |
<icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" /> | |
<icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" /> | |
<icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" /> | |
<icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" /> | |
<icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" /> | |
<splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" /> | |
<splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" /> | |
<splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" /> | |
<splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" /> | |
<splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" /> | |
<splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" /> | |
<splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" /> | |
<splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" /> | |
<splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" /> | |
<splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" /> | |
<splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" /> | |
<splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" /> | |
</platform> | |
<platform name="ios"> | |
<allow-intent href="itms:*" /> | |
<allow-intent href="itms-apps:*" /> | |
<icon height="57" src="resources/ios/icon/icon.png" width="57" /> | |
<icon height="114" src="resources/ios/icon/icon@2x.png" width="114" /> | |
<icon height="29" src="resources/ios/icon/icon-small.png" width="29" /> | |
<icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" /> | |
<icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" /> | |
<icon height="20" src="resources/ios/icon/icon-20.png" width="20" /> | |
<icon height="40" src="resources/ios/icon/icon-20@2x.png" width="40" /> | |
<icon height="60" src="resources/ios/icon/icon-20@3x.png" width="60" /> | |
<icon height="48" src="resources/ios/icon/icon-24@2x.png" width="48" /> | |
<icon height="55" src="resources/ios/icon/icon-27.5@2x.png" width="55" /> | |
<icon height="29" src="resources/ios/icon/icon-29.png" width="29" /> | |
<icon height="58" src="resources/ios/icon/icon-29@2x.png" width="58" /> | |
<icon height="87" src="resources/ios/icon/icon-29@3x.png" width="87" /> | |
<icon height="40" src="resources/ios/icon/icon-40.png" width="40" /> | |
<icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" /> | |
<icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" /> | |
<icon height="88" src="resources/ios/icon/icon-44@2x.png" width="88" /> | |
<icon height="50" src="resources/ios/icon/icon-50.png" width="50" /> | |
<icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" /> | |
<icon height="60" src="resources/ios/icon/icon-60.png" width="60" /> | |
<icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" /> | |
<icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" /> | |
<icon height="72" src="resources/ios/icon/icon-72.png" width="72" /> | |
<icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" /> | |
<icon height="76" src="resources/ios/icon/icon-76.png" width="76" /> | |
<icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" /> | |
<icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" /> | |
<icon height="172" src="resources/ios/icon/icon-86@2x.png" width="172" /> | |
<icon height="196" src="resources/ios/icon/icon-98@2x.png" width="196" /> | |
<icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" /> | |
<splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" /> | |
<splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" /> | |
<splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" /> | |
<splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" /> | |
<splash height="1125" src="resources/ios/splash/Default-Landscape-2436h.png" width="2436" /> | |
<splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" /> | |
<splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" /> | |
<splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" /> | |
<splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" /> | |
<splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" /> | |
<splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" /> | |
<splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" /> | |
<splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" /> | |
<splash height="2436" src="resources/ios/splash/Default-2436h.png" width="1125" /> | |
<splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" /> | |
</platform> | |
<plugin name="cordova-plugin-whitelist" spec="1.3.3" /> | |
<plugin name="cordova-plugin-statusbar" spec="2.4.2" /> | |
<plugin name="cordova-plugin-device" spec="2.0.2" /> | |
<plugin name="cordova-plugin-splashscreen" spec="5.0.2" /> | |
<plugin name="cordova-plugin-ionic-webview" spec="^4.0.0" /> | |
<plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" /> | |
</widget> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment