Ionic cap sync is not copying installed plugin
Corodova-plugin-webserver
What is the workaround for this?
1 post - 1 participant
↧
Capacitor not copying intslled plugin
↧
Suggestion?
↧
↧
Ion-select ion-options
Hi,
I have recently upgraded my ionic 3 application to Ionic 4. I have been trying to build back up the previous styles and I have been stuck on the ion-select component with the ion-options changes. In my previous application I was able to construct these radio buttons:
This is the code from the ionic 3 application:
<ion-item class = "border-input">
<ion-label>{{cycleLength}} Days</ion-label>
<ion-select [(ngModel)]="cycleLength" (ionChange)="showCycleDaysView()">
<ion-option [value]="d.name" *ngFor="let d of cycleDays">{{d.name}}</ion-option>
</ion-select>
</ion-item>
after making the changes for the ionic 4 the code looks like this:
<ion-item class = "border-input">
<ion-label>{{cycleLength}} Days</ion-label>
<ion-select [(ngModel)]="cycleLength" (ionChange)="showCycleDaysView()">
<div *ngFor="let d of cycleDays">
<ion-select-option value="{{d.name}}" >{{d.name}}</ion-select-option>
</div>
</ion-select>
</ion-item>
but the view looks like the following:
is there any way to get the same view or should I consider changing the style altogether?
1 post - 1 participant
↧
Cordova Plugin Development issues
Hey, I am trying to create a Cordova plugin but I am running into some issues. Firstly I am trying to create the .java file and extend ‘CordovaPlugin’ but the import statement is not working, do I need to setup a lib of Cordova? If so how do I go about doing that?
1 post - 1 participant
↧
Click checked icon item list custom
I have a list and I would like to click in item and show icon checked only in item clicked
In ts I have the following code
selectDevice(device: any, i: any) {
this.devices[i];
this.mostrar = !this.mostrar;
}
and in my view I have
<ion-list>
<ion-item *ngFor="let device of devices; let i = index" (click)="selectDevice(device, i)" >
<img src="assets/images/wi-fi.png" alt="" class="wifi-img">
<ion-label>{{ device.SSID }}</ion-label>
<img src="assets/images/checked.png" *ngIf="mostrar || device[i]" alt="" class="checked-img">
</ion-item>
</ion-list>
1 post - 1 participant
↧
↧
Async problems with ionic/angular - about to give up
So a friend get me started using ionic/angular - and I’ve got about 6+ weeks of serious coding on a project - but I’m considering starting over because it seems to me that ionic doesn’t handle async programming correctly.
I had working code with simple JS - but had to play games to get the same code to work in ionic. I am reading and writing to firebase, which requires async programming to work - and yet over and over I see problems.
Others must be having similar problems, and yet the tutorial videos seems so optimistic. Is there a fundamental problem here, or is it just me?
I’m considering rewriting everything in an alternative language (and haven’t picked one yet) - so I’m rather discouraged. Perhaps it’s just me and I’ve missed some fundamental point?
Thanks for any help!
1 post - 1 participant
↧
Ionic 5 with HttpClient @angular/common/http
How can I pass in http.get(url, options) data in the body.
I know I can pass data to Header but I would like to pass data in the body in the JSON format.
Is it possible to do this with this componet?
Something like this:
httpOptions = {
headers: new HttpHeaders({
‘Content-Type’: ‘application/json’
}),
body: {
“receiveCountry”: “ABW”,
“sendAmount”: 100
},
observe: ‘body’,
params: new HttpParams({}),
responseType: ‘json’,
withCredentials: false
}
and execute this.http.get(url, this.httpOptions)
Please let me know.
1 post - 1 participant
↧
How can i scroll ionic mobile page with selenium
I’m trying to scroll with selenium + selenide
(byTagName("ion-content")).scrollTo();
(byTagName(“ion-content”)).scrollIntoView(true);
I didn’t success , what i have to do for scroll elements ?
<ion-content [scrollEvents]=“true” #content (ionScroll)=“onScroll($event)”>
… content here
OBS: I’m using ionic 5
1 post - 1 participant
↧
Cordova-plugin-websocket-server not working with Ionic5
Hi,
we’re started developing with Ionic recently and I’m trying to get the cordova-plugin-websocket-server working. Seems the plugin is starting correctly, but the subscriptions for watchMessages or watchOpen are never called. Anyway I can see in the console, that the plugin itself logs connections and received messages (I used https://www.websocket.org/), but the callbacks are never called. I also tried to hook to the handlers of the plugin directly by bypassing @ionic-native//web-socket-server and calling cordova.plugins.wsserver.start directly with no success.
Should the plugin work with ionic5?
Setup: Ionic5, capacitor (all current versions), iOS and Android apps, both simulator and deployed apps.
Thanks for help or hints.
Btw, I also tried cordova-plugin-webserver, same problem.
1 post - 1 participant
↧
↧
Facebook4 Plugin : always access to oldest version of Graph API
Hello,
we are using the Facebook4 plugin since 2018.
Today we are in version 6.2.0 and we have set the FACEBOOK_ANDROID_SDK_VERSION to 5.5.2
From one we understand :
Plugin version 6.2.0 comes with Android SDK Version 5.5.2 & with ioS SDK Version 5.7.0 (https://github.com/jeduan/cordova-plugin-facebook4/releases)
We managed to map the SDK Versions with the Graph API version :
|IOS SDK Version|Android SDK Version|Graph API Version|
|— |- |- --|
| |4.19.0 |V2.8 |
| |4.28.0 |V2.11|
| |4.33.0 |V3.0|
| |4.35.0 |V3.1|
|5.3.0 |5.2.0 |V4|
|5.9.0| 5.5.2 (2019) |V5|
|6.0.0| 6.0.0 |V6|
So for us, our app should be using the API Graph V5 for Android. Not sure for IOS, maybe V4 ?
But since 2018 we have regular messages from Facebook warning us that our app has access to the oldess version of API Graph. CUrrently it is the API Graph V3 that will be deprecated end of july 2020.
In the past, it happened that our App (in Facebook sens) was desactivated. We had to claim.
We would like to avoid this situation from now on. So anyone has an idea ?
We suspect that the issue is on IoS since we explicitely specificy the API version for ANDROID but we have not found the equivalent for IOS.
*
THanks
1 post - 1 participant
↧
Uploading AppCenter and custom scripts?
I have two questions related to AppFlow.
- Is it possible to upload apk and ipa files to AppCenter?
- Can we add custom scripts (pre-build and post-build scripts)?
Thank you.
1 post - 1 participant
↧
iOS v13.5.1 Https requests errors /CORS and preflight error
We have noticed that https requests on iOS v13.5.1 are failing. Some are facing preflight errors or typical CORS errors.
Requests working perfectly fine for Android app and Browsers. It’s happening only on ios.
our iOS version is 13.5.1
Ionic:
ionic (Ionic CLI) : 4.10.3 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 5.0.7
@angular-devkit/build-angular : 0.803.26
@angular-devkit/schematics : 8.3.26
@angular/cli : 8.3.26
@ionic/angular-toolkit : 2.2.0
Cordova:
cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 8.1.0, browser 6.0.0, ios 5.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, (and 7 other plugins)
System:
ios-sim : 7.0.0
NodeJS : v10.16.2 (/usr/local/bin/node)
npm : 6.9.0
OS : macOS High Sierra
Xcode : Xcode 10.1 Build version 10B61
NOTE:Even if I set res.setHeader('Access-Control-Allow-Origin', '*'); on the backend side,it won’t work
1 post - 1 participant
↧
External Link doesnt work
Hello!
I was looking on this forum a similar issue without success.
I have a link on my app, such like
<a href="http://www.google.com">Google</a>
My plugins’ app:
cordova-plugin-device 2.0.3 “Device”
cordova-plugin-file 6.0.2 “File”
cordova-plugin-file-transfer 1.7.1 “File Transfer”
cordova-plugin-inappbrowser 4.0.0 “InAppBrowser”
cordova-plugin-ionic-webview 5.0.0 “cordova-plugin-ionic-webview”
cordova-plugin-statusbar 2.4.3 “StatusBar”
cordova-plugin-whitelist 1.3.4 “Whitelist”
phonegap-plugin-push 2.3.0 “PushPlugin”
My config’s app:
<?xml version='1.0' encoding='utf-8'?>
<widget id="es.upplication.ios87955" version="2.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<feature name="LocalStorage">
<param name="ios-package" value="CDVLocalStorage" />
</feature>
<feature name="Console">
<param name="ios-package" value="CDVLogger" />
<param name="onload" value="true" />
</feature>
<feature name="HandleOpenUrl">
<param name="ios-package" value="CDVHandleOpenURL" />
<param name="onload" value="true" />
</feature>
<feature name="IntentAndNavigationFilter">
<param name="ios-package" value="CDVIntentAndNavigationFilter" />
<param name="onload" value="true" />
</feature>
<feature name="GestureHandler">
<param name="ios-package" value="CDVGestureHandler" />
<param name="onload" value="true" />
</feature>
<feature name="Device">
<param name="ios-package" value="CDVDevice" />
</feature>
<feature name="File">
<param name="ios-package" value="CDVFile" />
<param name="onload" value="true" />
</feature>
<feature name="FileTransfer">
<param name="ios-package" value="CDVFileTransfer" />
</feature>
<feature name="StatusBar">
<param name="ios-package" value="CDVStatusBar" />
<param name="onload" value="true" />
</feature>
<feature name="PushNotification">
<param name="ios-package" value="PushPlugin" />
</feature>
<allow-navigation href="ionic://*" />
<feature name="IonicWebView">
<param name="ios-package" value="CDVWKWebViewEngine" />
</feature>
<feature name="InAppBrowser">
<param name="ios-package" value="CDVWKInAppBrowser" />
<param name="onload" value="true" />
</feature>
<name>Los Cuevas</name>
<description>
A sample Apache Cordova application that responds to the deviceready event.
</description>
<author email="dev@cordova.apache.org" href="http://cordova.io">
Apache Cordova 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:*" />
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />
<icon height="120" src="res/icon/ios/icon-60@2x.png" width="120" />
<icon height="180" src="res/icon/ios/icon-60@3x.png" width="180" />
<icon height="76" src="res/icon/ios/icon-76.png" width="76" />
<icon height="152" src="res/icon/ios/icon-76@2x.png" width="152" />
<icon height="20" src="res/icon/ios/icon-20.png" width="20" />
<icon height="60" src="res/icon/ios/icon-20@3x.png" width="60" />
<icon height="40" src="res/icon/ios/icon-40.png" width="40" />
<icon height="80" src="res/icon/ios/icon-40@2x.png" width="80" />
<icon height="57" src="res/icon/ios/icon.png" width="57" />
<icon height="114" src="res/icon/ios/icon@2x.png" width="114" />
<icon height="72" src="res/icon/ios/icon-72.png" width="72" />
<icon height="144" src="res/icon/ios/icon-72@2x.png" width="144" />
<icon height="29" src="res/icon/ios/icon-small.png" width="29" />
<icon height="58" src="res/icon/ios/icon-small@2x.png" width="58" />
<icon height="87" src="res/icon/ios/icon-small@3x.png" width="87" />
<icon height="50" src="res/icon/ios/icon-50.png" width="50" />
<icon height="100" src="res/icon/ios/icon-50@2x.png" width="100" />
<icon height="167" src="res/icon/ios/icon-83.5@2x.png" width="167" />
<icon height="1024" src="res/icon/ios/icon-1024.png" width="1024" />
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
<splash height="480" src="res/icon/ios/Default~iphone-no-ads.png" width="320" />
<splash height="960" src="res/icon/ios/Default@2x~iphone-no-ads.png" width="640" />
<splash height="1136" src="res/icon/ios/Default-568h@2x~iphone-no-ads.png" width="640" />
<splash height="1334" src="res/icon/ios/Default-667h-no-ads.png" width="750" />
<splash height="2208" src="res/icon/ios/Default-736h-no-ads.png" width="1242" />
<splash height="1242" src="res/icon/ios/Default-Landscape-736h-no-ads.png" width="2208" />
<splash height="1536" src="res/icon/ios/Default-Landscape@2x~ipad-no-ads.png" width="2048" />
<splash height="768" src="res/icon/ios/Default-Landscape~ipad-no-ads.png" width="1024" />
<splash height="2048" src="res/icon/ios/Default-Portrait@2x~ipad-no-ads.png" width="1536" />
<splash height="1024" src="res/icon/ios/Default-Portrait~ipad-no-ads.png" width="768" />
<preference name="AllowInlineMediaPlayback" value="false" />
<preference name="BackupWebStorage" value="cloud" />
<preference name="DisallowOverscroll" value="false" />
<preference name="EnableViewportScale" value="false" />
<preference name="KeyboardDisplayRequiresUserAction" value="true" />
<preference name="MediaPlaybackRequiresUserAction" value="false" />
<preference name="SuppressesIncrementalRendering" value="false" />
<preference name="SuppressesLongPressGesture" value="false" />
<preference name="Suppresses3DTouchGesture" value="false" />
<preference name="GapBetweenPages" value="0" />
<preference name="PageLength" value="0" />
<preference name="PaginationBreakingMode" value="page" />
<preference name="PaginationMode" value="unpaginated" />
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarStyle" value="blackopaque" />
<preference name="deployment-target" value="11.0" />
<preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
<preference name="StatusBarBackgroundColor" value="#000000" />
<preference name="Orientation" value="all" />
<preference name="WKWebViewOnly" value="true" />
</widget>
1 post - 1 participant
↧
↧
Error when show maps ionic 3
Hi everyone,
please help me . i want to show maps but still getting error, i was already installed plugin .
core.js:1449 ERROR Error: Uncaught (in promise): Error: [GoogleMaps]cordova-plugin-googlemaps is not installed or not ready yet.
Error: [GoogleMaps]cordova-plugin-googlemaps is not installed or not ready yet.
at Function.GoogleMaps.create (index.js:525)
at HomePage.webpackJsonp.195.HomePage.loadMap (home.ts:29)
at HomePage.webpackJsonp.195.HomePage.ngOnInit (home.ts:26)
at checkAndUpdateDirectiveInline (core.js:12411)
at checkAndUpdateNodeInline (core.js:13935)
at checkAndUpdateNode (core.js:13878)
at debugCheckAndUpdateNode (core.js:14771)
at debugCheckDirectivesFn (core.js:14712)
at Object.eval [as updateDirectives] (HomePage_Host.ngfactory.js? [sm]:1)
at Object.debugUpdateDirectives [as updateDirectives] (core.js:14697)
at c (polyfills.js:3)
at Object.reject (polyfills.js:3)
at NavControllerBase._fireError (nav-controller-base.js:223)
at NavControllerBase._failed (nav-controller-base.js:216)
at nav-controller-base.js:263
at t.invoke (polyfills.js:3)
at Object.onInvoke (core.js:4760)
at t.invoke (polyfills.js:3)
at r.run (polyfills.js:3)
at polyfills.js:3
1 post - 1 participant
↧
Aos library
michalsnik.github.io
Is Aos Library incompatible with Ionic? I install it with the same way that i do it in angular, the css of Aos detect the attr but look like the js is not triggering on scroll.
And one more question, how do a scroll smooth?
Thanks !
1 post - 1 participant
↧
Mobx and Stencil
Is there a way to trigger the re-rendering of a stencil component when the mobx store change?
Actually the only way to integrate the twos is to put an autorun() in every component’s constructor
and maps local @State() variables to the mobx/store observables
i.e.
@State() loading: boolean = false;
constructor() {
autorun(() => {
console.debug('- PageStart autorun', toJS(GeneralStoreInstance) );
this.loading = GeneralStoreInstance.loading;
});
}
1 post - 1 participant
↧
Ionic 4+ MQTT
Hello, I’m want to create an ionic app that uses MQTT.
I tried using this rep :
https://github.com/walterchau/ionic-mqtt
Importing this into modules results in multiple errors.
How to recreate the issue:
-create a blank ionic 4 project.
-follow implementation steps in rep.
my ionic info
Ionic:
ionic (Ionic CLI) : 4.12.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 5.2.3
@angular-devkit/build-angular : 0.901.11
@angular-devkit/schematics : 9.1.11
@angular/cli : 9.1.11
@ionic/angular-toolkit : 2.2.0
System:
NodeJS : v12.13.0 (/usr/local/bin/node)
npm : 6.12.0
OS : Linux 5.3
Any feedback can be helpful. Thanks 
1 post - 1 participant
↧
↧
How to apply SASS Variables value in components
Hi can u plz help me also for applying sass variable value in components i have variable in my scss file $button-md-font-size: 1.4rem; i want to set 1.4rem value in my component.
1 post - 1 participant
↧
Keychain Plugin not working
i am trying to use cordova keychain [plugin][1] for ios, inside my ionic application. but facing this error
2020-07-14 18:44:32.456726+0500 Farsh[1817:53270] THREAD WARNING: [‘Keychain’] took ‘14.635986’ ms. Plugin should use a background thread.
2020-07-14 18:44:32.456767+0500 Farsh[1817:55957] -[NSNull boolValue]: unrecognized selector sent to instance 0x7fff8062d9d0
2020-07-14 18:44:32.614153+0500 Farsh[1817:55957] *** Terminating app due to uncaught exception ‘NSInvalidArgumentException’, reason: ‘-[NSNull boolValue]: unrecognized selector sent to instance 0x7fff8062d9d0’
*** First throw call stack:
(
0 CoreFoundation 0x00007fff23e3cf0e __exceptionPreprocess + 350
1 libobjc.A.dylib 0x00007fff50ba89b2 objc_exception_throw + 48
2 CoreFoundation 0x00007fff23e5dc34 -[NSObject(NSObject) doesNotRecognizeSelector:] + 132
3 CoreFoundation 0x00007fff23e4190c forwarding + 1436
4 CoreFoundation 0x00007fff23e43bf8 _CF_forwarding_prep_0 + 120
5 Farsh 0x000000010e66aac0 __19-[CDVKeychain set:]_block_invoke + 432
6 libdispatch.dylib 0x000000010e9c7f11 _dispatch_call_block_and_release + 12
7 libdispatch.dylib 0x000000010e9c8e8e _dispatch_client_callout + 8
8 libdispatch.dylib 0x000000010e9cb2d8 _dispatch_queue_override_invoke + 1022
9 libdispatch.dylib 0x000000010e9da399 _dispatch_root_queue_drain + 351
10 libdispatch.dylib 0x000000010e9daca6 _dispatch_worker_thread2 + 135
11 libsystem_pthread.dylib 0x00007fff51c089f7 _pthread_wqthread + 220
12 libsystem_pthread.dylib 0x00007fff51c07b77 start_wqthread + 15
)
libc++abi.dylib: terminating with uncaught exception of type NSException
(lldb)
and my application crashed after this. Is there anyone know how to solve this problem ??
Please answer
Thanks in advance.
[1]: https://ionicframework.com/docs/native/keychain
1 post - 1 participant
↧
Ionic 5. Access to XMLHttpRequest from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
Hi all ! Could anyone suggest please … is it possible to get it work with HttpClient on Android/iOs on real device ? I spend all day and did not find decision.
I configure a server side, add Access-Control-Allow-Origin: * and Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS but is did not help.
I have an error - Access to XMLHttpRequest at ‘https://my.com/feeds/backgrounds/bou.png’ from origin ‘http://localhost’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
I use.
import {HttpClient, HttpErrorResponse, HttpRequest, HttpResponse} from "@angular/common/http";
Ionic:
Ionic CLI : 5.4.16
Ionic Framework : @ionic/angular 5.1.1
@angular-devkit/build-angular : 0.803.10
@angular-devkit/schematics : 8.3.10
@angular/cli : 8.3.10
@ionic/angular-toolkit : 2.0.0
Cordova:
Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.1.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.3, (and 23 other plugins)
Utility:
cordova-res : not installed
native-run : not installed
System:
Android SDK Tools : 26.1.1 (C:\Users\anton\AppData\Local\Android\Sdk)
NodeJS : v12.15.0 (C:\Program Files\nodejs\node.exe)
npm : 6.13.4
OS : Windows 10
cordova.cmd plugin ls
com-sarriaroman-photoviewer 1.2.4 "PhotoViewer"
cordova-clipboard 1.3.0 "Clipboard"
cordova-plugin-advanced-http 2.1.1 "Advanced HTTP plugin"
cordova-plugin-android-permissions 1.0.0 "Permissions"
cordova-plugin-app-version 0.1.9 "AppVersion"
cordova-plugin-background-mode 0.7.3 "BackgroundMode"
cordova-plugin-badge 0.8.8 "Badge"
cordova-plugin-compat 1.2.0 "Compat"
cordova-plugin-device 2.0.2 "Device"
cordova-plugin-file 6.0.2 "File"
cordova-plugin-file-opener2 3.0.0 "File Opener2"
cordova-plugin-file-transfer 1.7.1 "File Transfer"
cordova-plugin-inappbrowser 3.1.0 "InAppBrowser"
cordova-plugin-ionic-keyboard 2.1.3 "cordova-plugin-ionic-keyboard"
cordova-plugin-ionic-webview 4.1.3 "cordova-plugin-ionic-webview"
cordova-plugin-local-notification 0.9.0-beta.2 "LocalNotification"
cordova-plugin-ms-adal 0.10.1 "ADAL for Cordova"
cordova-plugin-nativestorage 2.3.2 "NativeStorage"
cordova-plugin-network-information 2.0.2 "Network Information"
cordova-plugin-printer 0.8.0 "Printer"
cordova-plugin-screen-orientation 3.0.2 "Screen Orientation"
cordova-plugin-splashscreen 5.0.2 "Splashscreen"
cordova-plugin-statusbar 2.4.2 "StatusBar"
cordova-plugin-vibration 3.1.1 "Vibration"
cordova-plugin-whitelist 1.3.3 "Whitelist"
cordova-plugin-zip 3.1.0 "cordova-plugin-zip"
cordova-sqlite-storage 3.2.1 "Cordova sqlite storage plugin - cordova-sqlite-storage plugin version"
cordova.plugins.diagnostic 5.0.0 "Diagnostic"
es6-promise-plugin 4.2.2 "Promise"
this.httpClient.request(req).retry(2).subscribe(event => {
if (event instanceof HttpResponse) {
let file = new Blob([event.body as BlobPart], {type: 'image/png'});
}
}
,
(err: HttpErrorResponse) => {
this.logProvider.writeLog("ERROR: method saveBgImage in AddMediaProvider class ", err);
});1 post - 1 participant
↧