Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70443 articles
Browse latest View live

Having trouble Creating a new project - Error: write EPROTO 15108:error:14094410:SSL

$
0
0

@helenakohan wrote:

Hi:

When I try to create a new project with the command:

ionic start myTestApp blank --capacitor


I get this Error:

Error: write EPROTO 15108:error:14094410:SSL routines:ssl3_read_bytes:sslv3 alert handshake
failure:c:\ws\deps\openssl\openssl\ssl\record\rec_layer_s3.c:1544:SSL alert number 40

And it gets stuck on the downloading part for hours (didnt touch the PC for 5 hours for letting it download)

| Downloading and extracting tabs starter



ionic info:

Ionic:

Ionic CLI : 6.6.0

Utility:

cordova-res : not installed
native-run (update available: 1.0.0) : 0.3.0

System:

NodeJS : v12.14.1
npm : 6.13.4
OS : Windows 10

How to resolve this?

Posts: 1

Participants: 1

Read full topic


Native Page Transitions and WkWebView

$
0
0

@scipionh wrote:

Hi,

I have recently migrated my app from Ionic 3 to Ionic 5 (and did upgrade my plugins in the process).
However, I submitted my app to the AppStore this month, I got the following message:

ITMS-90809: Deprecated API Usage - Apple will no longer accept submissions of new apps that use UIWebView as of April 30, 2020 and app updates that use UIWebView as of December 2020. Instead, use WKWebView for improved security and reliability. Learn more (https://developer.apple.com/documentation/uikit/uiwebview).

I did verify, I am using cordova-ios 5.1.1 and at runtime, I can confirm I am using the WkWebView
I did have a look at my codebase to find any mention of UIWebView, and I find some in https://ionicframework.com/docs/native/native-page-transitions (and in the telenik pluggin).

Should I try to get rid of this plugin ? or it shouldn’t matter going forward ?

Posts: 1

Participants: 1

Read full topic

Infinite loop after ionic build --prod

$
0
0

@azovl wrote:

Hi, I’m using React for creating app.
Application was created and now I try to do build:
ionic build --prod

And have infinite loop.

How to fix this problem?
P.S. I tried to remove android folder, after that add android. But its not helped.

Posts: 1

Participants: 1

Read full topic

Unable to build for Android - Ionic V3

$
0
0

@zersystech wrote:

Hello All, I am facing an issue where I am unable to build my app for android, my ionic info is as follows

Ionic:
ionic (Ionic CLI) : 4.2.1 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.4

Cordova:
cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 7.1.4, ios 5.1.1
Cordova Plugins : cordova-plugin-ionic 5.4.7, cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.0, (and 15 other plugins)

System:
ios-deploy : 1.10.0
ios-sim : 8.0.2
NodeJS : v12.13.1 (/usr/local/Cellar/node/13.6.0/bin/node)
npm : 6.12.1
OS : macOS
Xcode : Xcode 11.2.1 Build version 11B500

My package.json is

{
“name”: “kawasaki”,
“version”: “0.0.1”,
“author”: " India Kawasaki Motors",
“homepage”: “http://ionicframework.com/”,
“private”: true,
“scripts”: {
“clean”: “ionic-app-scripts clean”,
“build”: “ionic-app-scripts build”,
“lint”: “ionic-app-scripts lint”,
“ionic:build”: “ionic-app-scripts build”,
“ionic:serve”: “ionic-app-scripts serve”,
“preinstall”: “./cordovaOverride.sh”
},
“dependencies”: {
@agm/core”: “1.0.0-beta.3”,
@angular/animations”: “^5.2.11”,
@angular/common”: “5.2.11”,
@angular/compiler”: “5.2.11”,
@angular/compiler-cli”: “5.2.11”,
@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/app-version”: “^4.7.0”,
@ionic-native/camera”: “^4.7.0”,
@ionic-native/core”: “4.7.0”,
@ionic-native/device”: “^4.7.0”,
@ionic-native/diagnostic”: “^4.7.0”,
@ionic-native/fcm”: “^4.20.0”,
@ionic-native/file”: “^4.9.0”,
@ionic-native/file-transfer”: “^4.9.0”,
@ionic-native/geolocation”: “^4.7.0”,
@ionic-native/network”: “^4.7.0”,
@ionic-native/splash-screen”: “4.7.0”,
@ionic-native/sqlite”: “^4.7.0”,
@ionic-native/status-bar”: “^4.7.0”,
@ionic/pro”: “^2.0.4”,
@ionic/storage”: “2.1.3”,
@types/lodash”: “4.14.116”,
@types/moment”: “^2.13.0”,
“agm-direction”: “^0.6.0”,
“bugsnag-angular”: “^2.0.1”,
“bugsnag-js”: “^4.7.2”,
“cordova-android”: “7.1.4”,
“cordova-android-support-gradle-release”: “^3.0.1”,
“cordova-ios”: “5.1.1”,
“cordova-plugin-app-version”: “^0.1.9”,
“cordova-plugin-camera”: “^4.1.0”,
“cordova-plugin-compat”: “^1.2.0”,
“cordova-plugin-device”: “^2.0.3”,
“cordova-plugin-dialogs”: “^2.0.2”,
“cordova-plugin-fcm-with-dependecy-updated”: “^4.6.4”,
“cordova-plugin-file”: “^6.0.2”,
“cordova-plugin-file-transfer”: “^1.7.1”,
“cordova-plugin-geolocation”: “^4.0.2”,
“cordova-plugin-ionic”: “^5.4.7”,
“cordova-plugin-ionic-keyboard”: “^2.2.0”,
“cordova-plugin-ionic-webview”: “^4.2.0”,
“cordova-plugin-network-information”: “^2.0.2”,
“cordova-plugin-splashscreen”: “^5.0.3”,
“cordova-plugin-statusbar”: “^2.4.3”,
“cordova-plugin-whitelist”: “^1.3.4”,
“cordova-plugin-zip”: “^3.1.0”,
“cordova-sqlite-storage”: “^2.6.0”,
“cordova.plugins.diagnostic”: “^4.0.12”,
“emulator”: “0.1.0”,
“ionic-angular”: “3.9.2”,
“ionicons”: “3.0.0”,
“lodash”: “^4.17.15”,
“moment”: “^2.22.2”,
“parse”: “^1.11.1”,
“platform”: “1.3.5”,
“rxjs”: “5.5.11”,
“sw-toolbox”: “3.6.0”,
“web-animations-js”: “^2.3.1”,
“zone.js”: “0.8.26”
},
“devDependencies”: {
@ionic/app-scripts”: “^3.2.4”,
“typescript”: “~2.6.2”
},
“description”: “An Ionic project”,
“cordova”: {
“plugins”: {
“cordova-plugin-whitelist”: {},
“cordova-plugin-device”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-ionic-webview”: {
“ANDROID_SUPPORT_ANNOTATIONS_VERSION”: “27.+”
},
“cordova-plugin-ionic-keyboard”: {},
“cordova-plugin-file”: {},
“cordova-plugin-file-transfer”: {},
“cordova-plugin-zip”: {},
“cordova-plugin-dialogs”: {},
“cordova.plugins.diagnostic”: {
“ANDROID_SUPPORT_VERSION”: “28.+”
},
“cordova-plugin-network-information”: {},
“cordova-sqlite-storage”: {},
“cordova-plugin-geolocation”: {
“GEOLOCATION_USAGE_DESCRIPTION”: “To locate you”
},
“cordova-plugin-app-version”: {},
“cordova-plugin-statusbar”: {},
“cordova-plugin-camera”: {
“ANDROID_SUPPORT_V4_VERSION”: “27.+”
},
“cordova-plugin-ionic”: {
“APP_ID”: “d00f39b4”,
“CHANNEL_NAME”: “DEV_UAT”,
“UPDATE_METHOD”: “none”,
“MAX_STORE”: “2”,
“MIN_BACKGROUND_DURATION”: “30”,
“UPDATE_API”: “https://api.ionicjs.com
},
“cordova-plugin-fcm-with-dependecy-updated”: {},
“cordova-android-support-gradle-release”: {
“ANDROID_SUPPORT_VERSION”: “27.+”
}
},
“platforms”: [
“ios”,
“android”
]
}
}

But when I run ionic cordova build android, I get an error as shown below.

BUILD SUCCESSFUL in 5s
46 actionable tasks: 3 executed, 43 up-to-date

FAILURE: Build failed with an exception.

* What went wrong:
Already finished

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

* Get more help at https://help.gradle.org

BUILD FAILED in 5s
/Applications/MAMP/htdocs/IKM-Production/platforms/android/gradlew: Command failed with exit code 1 Error output:
FAILURE: Build failed with an exception.

* What went wrong:
Already finished

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

* Get more help at https://help.gradle.org

BUILD FAILED in 5s
[ERROR] An error occurred while running subprocess cordova.
        
        cordova build android exited with exit code 1.
        
        Re-running this command with the --verbose flag may provide more information.


I am unable to understand why, can somebody please help. The build was working fine until last week.

Posts: 1

Participants: 1

Read full topic

Remove overlay or backdrop from application when application is loading

$
0
0

@viveksrao wrote:

Hi, I need the following help.
I have one issue, whenever I open the app I need to click on the page to make device back button confirmation alert or autofocus function working. I think some overlay is there, but I don’t know how I remove the overlay.

Posts: 1

Participants: 1

Read full topic

HTTP Post error in IOS

$
0
0

@trajeshkumar92 wrote:

Hi, I need help in resolving this issue. I’m facing issue when doing POST request to get the access token in IOS. Whereas it works fine in Android.

Code:
const bodyParams = {‘client_id’:clientId,‘client_secret’:secret,‘grant_type’:‘authorization_code’,‘code’:tokenOrCode};

const httpResponse = await this.http.post(accessTokenUrl, bodyParams, {“Content-Type”: “application/json”});

Error:
{“error”:“invalid_client”,“error_description”:“FBTOAU204E An invalid secret was provided for the client with identifier: ‘abc@abc.com’.”}

Note: The above code works without any issues in Android.

Posts: 1

Participants: 1

Read full topic

Implement Azure Notification Hub with React and Capacitor

$
0
0

@kapten96 wrote:

I am using capacitor 2.0.1 and React. I found some documentation on azure notification hub implementation in Ionic-4, but i have tried to install cordova-azure-notification-hubs but the android project showing some error.

Is there any possible ways to register device on Azure notification hub using React and capacitor?

Posts: 1

Participants: 1

Read full topic

SplashScreen hide not working as expected

$
0
0

@MarioGruda wrote:

Hello everyone,

I have a small problem with the SplashScreen.

I’m using the new AppWizard and a standard APP with Capacitor and Menu Template (no customization).

In app.component.ts the SplashScreen seems to be switched off as soon as the platform is ready:

 this.platform.ready().then(() => {
      this.statusBar.styleDefault();
      this.splashScreen.hide();
    });

On a OnePlus 3T, the SplashScreen takes approximately 3 seconds to disappear (seems to be the default time the SplashScreen is shown). If I delete the line of code this.splashScreen.hide(); the time does not change as expected.

If I use the launchShowDuration setting and set it to 10 seconds in the capacitor.config.json, the SplashScreen needs this time until it disappears.

{
  "appId": "io.ionic.starter"
  "appName": "splash-test",
  "bundledWebRuntime": false,
  "npmClient": "npm",
  "webDir": "www",
  "cordova": {}
  "plugins": {
    "SplashScreen." {
      "launchShowDuration": 10,000
    }
  }
}

If I set ‘LaunchShowDuration’ to 0, the splash screen appears very briefly, then a white image and the application only needs about 1.5 seconds to start. I would have expected that the time would match the test where the SplashScreen is closed programmatically as soon as the application is ready, but the application now starts twice as fast.

If I set the setting ‘launchAutoHide’: false, and comment on ‘this.splashScreen.hide()’ again, the SplashScreen never disappears. It seems that this.splashScreen.hide(); has no effect on the splashScreen at all.

Am I doing something wrong?

Off-Topic:
One small thing I noticed: cordova-res --skip-config --copy creates a directory ios\App\public without adding an IOS project before.

Thank you very much and best regards
Mario

Posts: 1

Participants: 1

Read full topic


WhatsApp the most popular app support swipable tabs

$
0
0

@kr.amit wrote:

The WhatsApp is one of the most popular app does support swipeable TABs. However, ionic does not support. Ionic team should consider this importance as many people are looking for work-around such as:

  1. super-tabs
  2. ion-segment & ion-slide

These are work arounds. It has many bottlenecks. The most important bottleneck is performance. These work arounds does not support lazy-loading thus cost a lot in performance.

In my opinion, Ionic team should consider this feature immediately to extend its popularity.

Posts: 1

Participants: 1

Read full topic

Ionic 5, FCM plugin does not request permissions to receive push notifications

$
0
0

@michalby wrote:

Hi guys,

My iPhone (a real device) does not ask for permissions to receive push notifications on Ionic 5, cordova-plugin-fcm-with-dependecy-updated 6.0.1, @ionic-native/fcm 5.24.0

hasPermission() returns null

I attempted to downgrade both plugin and @ionic-native/fcm but no succcess. I can get the device token and send a message to the device from the server and Firebase responds with success but since the user did not allow such action, it does nothing.

What I am doing wrong?

It works on Android.

Michals-iMac:appka dash$ ionic info

Ionic:

Ionic CLI : 5.4.16
Ionic Framework : @ionic/angular 5.0.5
@angular-devkit/build-angular : 0.803.25
@angular-devkit/schematics : 8.3.25
@angular/cli : 8.3.25
@ionic/angular-toolkit : 2.2.0

Cordova:

Cordova CLI : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.2.0, (and 12 other plugins)

Utility:

cordova-res : 0.12.1
native-run : 1.0.0

System:

ios-deploy : 1.10.0
ios-sim : 8.0.2
NodeJS : v10.15.1 (/usr/local/bin/node)
npm : 6.4.1
OS : macOS Catalina
Xcode : Xcode 11.4.1 Build version 11E503a

Posts: 1

Participants: 1

Read full topic

Grey bottom all over app in android . unable to remove. This occurred after installing google maps

Install @ionic/app-scripts? (Y/n)

$
0
0

@nexoone7 wrote:

i try in both window and ubuntu but in both os same issue its show me
Install @ionic/app-scripts? (Y/n)

i press y then install issue what’s wrong i use github project

found 3293 vulnerabilities (2439 low, 10 moderate, 844 high)
run npm audit fix to fix them, or npm audit for details

ionic-app-scripts.cmd serve --address localhost --port 8100 --livereload-port 35729 --dev-logger-port 53703 --nobrowser
[app-scripts] C:\Users\hp\app source code\node_modules\node-sass\lib\binding.js:13
[app-scripts] throw new Error(errors.unsupportedEnvironment());
[app-scripts] ^
[app-scripts] Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (72)
[app-scripts] For more information on which environments are supported please see:
[app-scripts] https://github.com/sass/node-sass/releases/tag/v4.10.0
[app-scripts] at module.exports (C:\Users\hp\app source code\node_modules\node-sass\lib\binding.js:13:13)
[app-scripts] at Object. (C:\Users\hp\app source code\node_modules\node-sass\lib\index.js:14:35)
[app-scripts] at Module._compile (internal/modules/cjs/loader.js:1156:30)
[app-scripts] at Object.Module._extensions…js (internal/modules/cjs/loader.js:1176:10)
[app-scripts] at Module.load (internal/modules/cjs/loader.js:1000:32)
[app-scripts] at Function.Module._load (internal/modules/cjs/loader.js:899:14)
[app-scripts] at Module.require (internal/modules/cjs/loader.js:1042:19)
[app-scripts] at require (internal/modules/cjs/helpers.js:77:18)
[app-scripts] at Object. (C:\Users\hp\app source code\node_modules@ionic\app-scripts\dist\core\bundle-components.js:6:16)
[app-scripts] at Module._compile (internal/modules/cjs/loader.js:1156:30)

[ERROR] ionic-app-scripts has unexpectedly closed (exit code 1).

    The Ionic CLI will exit. Please check any output above for error details.

i try to copy my old project module in failed but not work need help plz anyone know why this issue facing

Posts: 1

Participants: 1

Read full topic

How to validate the user login credentials in ionic 3 using PHP, MySql with the help of json

$
0
0

@ayodele2242 wrote:

I want to do a login verification, using PHP, MySQL and JSON and storing the return data into a localStorage.

I believe my PHP and JSON part is well taking care of.

If the user enters the username and password it needs to check the user table using PHP and MySQL and check if it is valid. If username and password matches then the status = valid.

In my JSON I added the valid status, the json data was returned from php but the line

if (this.data.loginStatus == 'Valid') { }

in login.ts is not been executed. What could be the cause?

Here are that values been returned:

Here are the values been returned:

{"data":[
        {"loginStatus":"Valid",
         "CustomerName":"James Fred",
         "Mobile":null,
         "Email":"fred48@gmail.com",
         "CustomerID":"3"
        }
    ]
}

auth-service.ts

login(credentials) {
    return new Promise((resolve, reject) => {
        this.http.post(apiUrl + '/login.php', JSON.stringify(credentials))
        .subscribe(res => {
            resolve(res.json());
        }, (err) => {
            reject(err);
        });
    });
}

Login.ts

doLogin() {

    if(this.loginData.LoginID =='' || this.loginData.Password ==''){
        //presentToast(msg) {
        let toast = this.toastCtrl.create({
            message: "Please enter your username and password",
            duration: 3000,
            position: 'bottom',
            dismissOnPageChange: true
        });
        toast.onDidDismiss(() => {});
        toast.present();
    //}
    }else{
        this.showLoader();
        this.authService.login(this.loginData).then((result) => {
            this.data = result['data'];
            console.log("Result: "+ this.data);

            if (this.data.loginStatus == 'Valid') {
                localStorage.setItem('loginStatus', this.data.loginStatus);
                localStorage.setItem('CustomerName', this.data.CustomerName);
                localStorage.setItem('Mobile', this.data.Mobile);
                localStorage.setItem('Email', this.data.Email);
                localStorage.setItem('CustomerID', this.data.CustomerID);
                this.navCtrl.setRoot(MyApp);
                this.loading.dismiss();
            } else {
                document.getElementById('err-span').style.display = "block";
                this.loading.dismiss();
            }
    }, (err) => {
        this.loading.dismiss();
        this.presentToast(err);
    });
}
}

Login.php

$data = file_get_contents("php://input");

if (isset($data)) {
    $request = json_decode($data);
    $LoginID = $request->LoginID;
    $Password = $request->Password;
}
$LoginID = $mysqli->real_escape_string($LoginID);
$Password = encryptIt($Password);

$result = mysqli_query($mysqli,"SELECT * 
                                FROM customer_login 
                                WHERE email = '$LoginID' 
                                AND password = '$Password'");
$count = mysqli_num_rows($result);
$response = array();
//the array that will hold the titles and links
$data = array();

if($count < 1) {
     $data[] = "Invalid details entered. Please try again.";
}else{
    //create an array
    while($row = mysqli_fetch_array($result)) {

        $loginStatus = 'Valid';
        $custname    =  $row['last_name'] .' '.$row['first_name'];
        $mobile      =  $row['mobile'];
        $email       =  $row['email'];
        $id          =  $row['id'];

        //each item from the rows go in their respective vars and into the posts array
        $data[] = array('loginStatus'=> $loginStatus, 
                        'CustomerName'=> $custname, 
                        'Mobile'=> $mobile, 
                        'Email'=>$email, 
                        'CustomerID'=>$id); 
    }
}
$response['data'] = $data;

echo json_encode($response);

Posts: 1

Participants: 1

Read full topic

Ionic facebook login not working when I am debugging facebook login on android device , app in development mode

$
0
0

@Galilo wrote:

I am building an ionic app with facebook login, working good on my webapp hosted, but trying to run the app on my android device (not tested on ios), I am getting the error (this app is still in development mode).
What could be the reason behind this error?

  1. App is set live (on facebook)
  2. My facebook account is not verified (cannot verified now as an effect of COVID-19 virus and facebook …), but I am using only facebook login and accessing only information that do not need app review (email, and public …). If this is the reason, why it is on the web app.
  3. Do I need to sign the app if I want to run it on my own device (debugging)? If so, how? and could I use the same hash key generated for firebase?
    I have tried to login using a tester and account also, but the same error.

Thank you all

Posts: 1

Participants: 1

Read full topic

Issues with creating ionic table populated by api data

$
0
0

@badesina82 wrote:

So i have an API and i want the response from the api to populate a table. However i’m not sure how to go about this. My ice.ts page:

import { Component } from ‘@angular/core’;

import { NavController, NavParams, LoadingController, AlertController, ToastController, Events } from ‘ionic-angular’;

import { Http, Headers } from ‘@angular/http’;

import ‘rxjs/Rx’;

import * as Constants from ‘…/…/app/constants’;

import { HttpClient } from ‘@angular/common/http’;

/**

*/

export interface Config{

technologies:string;

}

@Component({

selector: ‘page-ice’,

templateUrl: ‘ice.html’,

})

export class IcePage {

public config: Config;

public columns:any;

public rows:any;

userId: any;

dataholder: any;

constructor(public navCtrl: NavController, public navParams: NavParams, public http: Http, public loadingCtrl: LoadingController, public alertCtrl: AlertController, public toastCtrl: ToastController, public event: Events) {

this.columns=[

  

];

this.userId = 5243;//localStorage.getItem('id');

}

ionViewDidLoad() {

let headers = new Headers();

headers.append('Content-Type', 'application/json');

let contactObject = JSON.stringify({ "createdBy": this.userId });

let link = Constants.API_ENDPOINT + "ICE/FetchICEContacts"

this.http.post(link, contactObject, { headers: headers }).map(res => res.json())

  .subscribe(data => {

    this.dataholder = data;

  }, error => {

    // Silence

  });

}

doRefresh(refresher) {

let headers = new Headers();

headers.append('Content-Type', 'application/json');

let contactObject = JSON.stringify({ "createdBy": this.userId });

let link = Constants.API_ENDPOINT + "ICE/FetchICEContacts"

this.http.post(link, contactObject, { headers: headers }).map(res => res.json())

  .subscribe(data => {

    this.dataholder = data;

    refresher.complete();

  }, error => {

    //Silence

    refresher.complete();

  });

}

}

My Html page

<ion-navbar>

    <ion-title>ICE Contacts</ion-title>

</ion-navbar>
<!-- <ion-spinner style="margin-left: 45%;" *ngIf="!notificationStatus" name="bubbles"></ion-spinner> -->

<div *ngIf="dataholder != ''">

    <ion-refresher (ionRefresh)="doRefresh($event)">

        <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="Pull to refresh" refreshingSpinner="circles" refreshingText="Refreshing...">

        </ion-refresher-content>

    </ion-refresher>

    <ion-grid>

        <ion-row>

            

            <ion-col>

                <ion-list class="lst-no-background">

                    <ion-item *ngFor="let data of dataholder">

                       

                        <h2 text style="margin-top: -0.20rem;">{{ data.contactName }}</h2>

                        <p text-wrap><a ion-item no-padding href="tel:{{ data.telephone1 }}" target="_top">{{ data.telephone1 }}</a> </p>

                       

                    </ion-item>

                </ion-list>

            </ion-col> 

    </ion-row>

        

    </ion-grid>

    

</div>

<div class="content" *ngIf="dataholder == ''" style="margin-top: -20px;">

    <img class="imageerror" src="assets/imgs/noicecontacts.png" style="width: 110px !important; height: 110px !important;">

    <p text-center style="font-size: 8pt !important; font-weight: 300">You have no ICE Contacts. Your ICE Contacts will appear here when they are available</p>

</div>

Posts: 1

Participants: 1

Read full topic


InvalidStateError with photo-gallery-capacitor-ng app

$
0
0

@thewonderlemming wrote:

Hi,

I’m trying to learn Ionic and went through the photo-gallery-capacitor-ng tutorial app (so the Angular version), but I cannot get it to work as every time I click on the green button to save a picture, an error appears in the web browser console:

ERROR Error: "Uncaught (in promise): InvalidStateError: A mutation operation was attempted on a database that did not allow mutations."
    Angular 2
        resolvePromise
        makeResolver
    rejected tslib.es6.js:72
    Angular 13
        invoke
        onInvoke
        invoke
        run
        scheduleResolveOrReject
        invokeTask
        onInvokeTask
        invokeTask
        runTask
        drainMicroTaskQueue
        invokeTask
        invokeTask
        globalZoneAwareCallback
core.js:6189:19
    Angular 4
        defaultErrorLogger
        handleError
        next
        schedulerFn
    RxJS 5
        __tryOrUnsub
        next
        _next
        next
        next
    Angular 13
        emit
        onHandleError
        invoke
        run
        runOutsideAngular
        onHandleError
        handleError
        runGuarded
        microtaskDrainDone
        drainMicroTaskQueue
        invokeTask
        invokeTask
        globalZoneAwareCallback

I tried by cloning the finalized app from github to be sure that it was not an issue with the code I typed but I’m getting the same error.

I’m running the following configuration:

  • Firefox Quantum 68.7.0esr 64 bits
  • NPM 6.4.1
  • Ionic 6.5.0

Thank you for your help!

Posts: 1

Participants: 1

Read full topic

Ionic Native Calendar modifyEvent for android

$
0
0

@BennoStaub wrote:

Hey there

I am implementing a 2-side synchronisation between my ionic 4 app and the native calendar of the phone. For this I am using these two plugins:


https://github.com/EddyVerbruggen/Calendar-PhoneGap-Plugin#readme

I managed to implement everything but modifying an event in the native calendar when I modify it in my app because there is only an ios compatible modifyEvent() function in the plugin. I know the event_id of the native event but with his plugin I cannot modify it. I thought about just deleting the native event and creating a new modified event, but again with this plugin I can only specify the title, location, start and end of an event I want to create and let’s say you have a native event in your calendar with attendees and other parameters which I cannot specify. I’d loose these parameters if I deleted the event and recreated a new one.

So 2 questions:

1.How can I modify a native event with this plugin?
2.Is there another more sophisticated plugin where I have way more options, like creating an event with specifying more parameters than the 4 above and modifying them later on and so on? I feel like with above plugin I am very limited to only basic stuff with the calendar, so there must be an option to do more.

Thanks a lot!

Posts: 1

Participants: 1

Read full topic

How to navigate BACK from js/ts

$
0
0

@alexmehler wrote:

Hey how do i navigate back ???

this.router.navigateByUrl(’/monitor-input’); works

but i need to go back as if i would hit back on the navbar , is that possible from javascript?

thanx

Posts: 1

Participants: 1

Read full topic

ModalController [Vue]

$
0
0

@dlodeprojuicer wrote:

It looks like the controller does not have access to Vue’s this context. I cant use this.$store , this.$route , this.$emit() and such even though the modal template itself is setup as a vue component… Understandably ionic-vue is in beta but any suggestions?

(The is no ionic-vue category so i used ionic)

Posts: 1

Participants: 1

Read full topic

Iframe - IOS

$
0
0

@maltacodigoedesign wrote:

Good afternoon, I am new to this subject.

I created an ionic app using iframe. The same loads a woocommerce website. on android it works perfectly but on IOS whenever I add a product to the shopping cart it is not assumed that product, getting empty.

It works, android and all other browsers, it doesn’t just work on IOS.

this was the code used:
< ion-content [fullscreen]=“true” overflow-scroll=“true” >
< div style=“width: 100%; height: 100%;”>
< iframe style=“width: 100%; height: 100%;” src=“https…” frameborder=“0” >
< /iframe >

I also added this code in the config.xml
< allow-navigation href="*" / >

If you can help me, I’ll be grateful

Posts: 1

Participants: 1

Read full topic

Viewing all 70443 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>