@aaronksaunders wrote:

Ionic React Picker Example - DEV Community https://buff.ly/2vrYRLq

OR straight to the code - https://github.com/aaronksaunders/ionic-react-pickerapp1/tree/master

Posts: 1

Participants: 1

Read full topic

@swissfritz wrote:

I’m trying to migrate an app to Ionic 5 by rebuilding it from scratch. I loaded the Cordova plugins and the corresponding ionic-native classes. Now, it seems that by entering

npm i @ionic-native/camera

I get something called CameraOriginal instead of the Camera class which gives an error in app-module.ts.
Mac OS Catalina 10.15.3
Ionic 5/Angular 9
Nodejs 10.15.3
Cordova CLI 9.0.0
The same error occurs with all explicitly imported plugins.
First picture is of the ionic 5 app-module.ts, second of the same file in ionic 4 (error free).

Screenshot 2020-03-01 at 09.15.391084×676 76 KB

Screenshot 2020-03-01 at 09.20.351070×768 91.3 KB

Posts: 1

Participants: 1

Read full topic

@kodetratech wrote:

Any change required in ionic 5 to handle the push notification. I am able to receive the push notification, but the control is not coming to pushObject.on(“notification”).subscribe((notification: any) => {}), to this event listener.

Please let me know if any change required

Thanks

Posts: 1

Participants: 1

Read full topic

@vivek98322 wrote:

Hello All,

I am facing one issue related to routing, I am having parent routing where I want to load few data which is common to all child routs. And I am seeing the url is changing in browser but its not actually loading the child component.

Here is AppRoutingModule:
import { NgModule } from ‘@angular/core’;

import { PreloadAllModules, RouterModule, Routes } from ‘@angular/router’;

const routes: Routes = [

{ path: ‘’, redirectTo: ‘testseries’, pathMatch: ‘full’ },

{

path: 'login',

loadChildren: () => import('./Page/login/login.module').then( m => m.LoginPageModule)

},

{

path: 'course',

loadChildren: () => import('./Page/course/course.module').then( m => m.CoursePageModule)

},

{

path: 'testseries',

loadChildren: () => import('./Page/test/test.module').then( m => m.TestPageModule)

}

];

@NgModule({

imports: [

RouterModule.forRoot(routes, { preloadingStrategy: PreloadAllModules })

],

exports: [RouterModule]

})

export class AppRoutingModule { }

Its navigating to testseries and its loading file in testseries component I am loading few data which is required for all child routs

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

import { Routes, RouterModule } from ‘@angular/router’;

import { TestPage } from ‘./test.page’;

const routes: Routes = [

{

path: 'exams',

component: TestPage,

children: [

  { path: '', redirectTo: 'examlisting', pathMatch: 'full' },

  {

    path: 'examlisting',

    loadChildren: () => import('./examlisting/examlisting.module').then(m => m.ExamlistingPageModule)

  },

  {

    path: 'testlisting',

    loadChildren: () => import('../../Page/test/testlisting/testlisting.module').then(m => m.TestlistingPageModule)

  }

]

},

// {

// path: ‘’,

// redirectTo: ‘/testseries/exams/examlisting’,

// pathMatch: ‘full’

// }

];

@NgModule({

imports: [RouterModule.forChild(routes)],

exports: [RouterModule],

})

export class TestPageRoutingModule { }

For this rout url is is getting changed for examlisting the child routs for exam but its not loading its component. Can some one help me in this.

Posts: 1

Participants: 1

Read full topic

@b3nny wrote:

Hello guys, I have a problem when I’m displaying information without id, it’s work fine. But , I’m adding id to the SQL command (“SELECT * FROM tb_case WHERE id = ‘$postjson[id]’ ORDER BY casename DESC LIMIT $postjson[start],$postjson[limit]”), it said that “Undefined index: id in fyp\api\process.php on line 140 {“success”:true,“result”:}”

the other page works fine but this page is undefined.

Am I doing anything wrong ?

This code is inside mycase.ts

import { resolve } from 'url';
import { LoadingController, ToastController } from '@ionic/angular';
import { AccessProviders } from 'src/app/providers/access-providers';
import { Storage } from '@ionic/storage';

@Component({

  selector: 'app-mycase',

  templateUrl: './mycase.page.html',

  styleUrls: ['./mycase.page.scss'],

})

export class MycasePage implements OnInit {

  cases: any = [];

  limit: number = 13;

  start: number = 0;

  datastorage: any;

  id: string;

  constructor(

    private loadingCtrl: LoadingController,

    private accesspvdr: AccessProviders,

    private toastCtrl: ToastController,

    private storage: Storage,

  ) { }

  ngOnInit() {

  }

  ionViewDidEnter() {

    this.storage.get('storage_xxx').then((val) => {

      this.datastorage = val;

      this.id = this.datastorage.id;

    });

    this.start = 0;

    this.cases = [];

    this.loadCase();

  }

  async presentToast(a) {

    const toast = await this.toastCtrl.create({

      message: a,

      duration: 1500,

      position: 'top'

    });

    toast.present();

  }

  async doRefresh(event) {

    const loader = await this.loadingCtrl.create({

      message: 'Please wait . . .',

    });

    loader.present();

    this.ionViewDidEnter();

    event.target.complete();

    loader.dismiss();

  }

  loadData(event) {

    this.storage.get('storage_xxx').then((val) => {

      this.datastorage = val;

      this.id = this.datastorage.id;

    });

    this.start += this.limit;

    setTimeout(() => {

      this.loadCase().then(() => {

        event.target.complete();

      });

    }, 500);

  }

  async loadCase() {

    return new Promise(resolve => {

      const body = {

        act: 'loadCase',

        id: this.id,

        start: this.start,

        limit: this.limit

      };

      this.accesspvdr.postData(body, 'process.php').subscribe((res: any) => {

        for (const datas of res.result) {

          this.cases.push(datas);

        }

        resolve(true);

    });

    });

  }

  async delCase(a) {

    return new Promise(() => {

      const body = {

        act: 'delCase',

        casename: a,

      };

      this.accesspvdr.postData(body, 'process.php').subscribe((res: any) => {

        if (res.success === true) {

          this.presentToast('Delete Successful');

          this.ionViewDidEnter();

        } else {

          this.presentToast('Delete Unsuccessful');

        }

    });

    });

  }

}

mycase.html

<ion-header>

  <ion-toolbar color="success">

    <ion-title>My Case</ion-title>

    <ion-buttons slot="start">

      <ion-back-button></ion-back-button>

    </ion-buttons>

  </ion-toolbar>

</ion-header>

<ion-content>

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

    <ion-refresher-content pullingIcon="arrow-down-outline"></ion-refresher-content>

  </ion-refresher>

  <ion-list>

    <ion-item-sliding *ngFor="let case of cases">

      <ion-item>

        <ion-label>{{ case.casename }}</ion-label>

      </ion-item>

      <ion-item-options side="end">

      <ion-item-option (click)="openCrud(case.casename)" color="primary">Update</ion-item-option>

      <ion-item-option (click)="delCase(case.casename)" color="danger">Delete</ion-item-option>

    </ion-item-options>

    </ion-item-sliding>

  </ion-list>

</ion-content>

Posts: 1

Participants: 1

Read full topic

@TaimoorMughal wrote:

Hello,
I am trying to add image on my home screen as i am getting image path from api so i’m using style="background-image: url({{flag}})", i want to add multiple images on my background. Or you can say i want to add 2 images one half of screen will have one flag and the other half will have the second flag.

<ion-content>
   <div style="background-image: url({{toFlag}})">
   <div style="background-image: url({{fromFlag}})">

  <.......Code......>

   </div>
   </div>
</ion-content>

How can i be able to add 2 images on ion-content by giving them 2 parts.
Thanks

Posts: 1

Participants: 1

Read full topic

@mahmoudmobile55 wrote:

Hello All,

I Want to make Sharing Option to my audio files so i want to ask if there is any plugin of extension can help me to doing that?

i tried to use social sharing but it is only working for images and urls

waiting for your help

thanks

Posts: 1

Participants: 1

Read full topic

@sahibsingh wrote:

I am using Ionic 4 and facing the CORS Issue problem. I want to access mysql using php, but it is blocked by CORS, i have add all the headers in the php file for permissions but problem still exist.

file_aksi.php file

<?php header('Access-Control-Allow-Origin: http://localhost:8100'); header('Access-Control-Allow-Credentials: true'); header('Access-Control-Allow-Methods: GET, POST, OPTIONS, PUT, DELETE'); header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept, Authorization'); header('Content-Type: application/json; charset=UTF-8'); include "config.php"; $postjson = json_decode(file_get_contents('php://input'), true); $today = date('Y-m-d'); if($postjson['aksi'] == "add_register") { $password = md5($postjson['password']); $query = mysqli_query($mysqli, "INSERT INTO login SET full_name = '$postjson[full_name]', phone_number = '$postjson[phone_number]', username = '$postjson[username]', password = '$password' "); if($query) $result = json_encode(array('success' =>true)); else $result = json_encode(array('success' => false, 'msg'=>'error , please try again')); echo $result; } elseif($postjson['aksi'] == "login") { $password = md5($postjson['password']); $query = mysqli_query($mysqli, "SELECT * FROM login WHERE username='$postjson[username]' AND password='$password' "); $check = mysqli_num_rows($query); if($check>0){ $data = mysqli_fetch_array($query); $datauser = array( 'user_id' => $data['user_id'], 'full_name' => $data['full_name'], 'phone_number' => $data['phone_number'], 'username' => $data['username'], 'password' => $data['password'] ); if($query) $result = json_encode(array('success' =>true, 'result'=>$datauser)); else $result = json_encode(array('success' => false, 'msg'=>'error, please try again')); }else{ $result = json_encode(array('success' => false, 'msg'=>'unregister account')); } echo $result; } if($postjson['aksi']=='add'){ $query = mysqli_query($mysqli, "INSERT INTO master_customer SET name_customer = '$postjson[name_customer]', desc_customer = '$postjson[desc_customer]', created_at = '$today' "); $idcust = mysqli_insert_id($mysqli); if($query) $result = json_encode(array('success'=>true, 'customerid'=>$idcust)); else $result = json_encode(array('success'=>false)); echo $result; } elseif($postjson['aksi']=='getdata'){ $data = array(); $query = mysqli_query($mysqli, "SELECT * FROM master_customer ORDER BY customer_id DESC LIMIT $postjson[start],$postjson[limit]"); while($row = mysqli_fetch_array($query)){ $data[] = array( 'customer_id' => $row['customer_id'], 'name_customer' => $row['name_customer'], 'desc_customer' => $row['desc_customer'], 'created_at' => $row['created_at'], ); } if($query) $result = json_encode(array('success'=>true, 'result'=>$data)); else $result = json_encode(array('success'=>false)); echo $result; } elseif($postjson['aksi']=='update'){ $query = mysqli_query($mysqli, "UPDATE master_customer SET name_customer='$postjson[name_customer]', desc_customer='$postjson[desc_customer]' WHERE customer_id='$postjson[customer_id]' "); if($query) $result = json_encode(array('success'=>true, 'result'=>'success')); else $result = json_encode(array('success'=>false, 'result'=>'error')); echo $result; } elseif($postjson['aksi']=='delete'){ $query = mysqli_query($mysqli, "DELETE FROM master_customer WHERE customer_id='$postjson[customer_id]' "); if($query) $result = json_encode(array('success'=>true, 'result'=>'success')); else $result = json_encode(array('success'=>false, 'result'=>'error')); echo $result; } ?>

config.php file

<?php define('DB_NAME', 'ionic4login'); define('DB_USER', 'root'); define('DB_PASSWORD', ''); define('DB_HOST', 'localhost'); $mysqli = new mysqli(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME); ?>

register.page.ts file

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

import { Router } from ‘@angular/router’;

import { ToastController } from ‘@ionic/angular’;

import { PostProvider } from ‘…/…/providers/post-provider’;

import { async } from ‘q’;

@Component({

selector: ‘app-register’,

templateUrl: ‘./register.page.html’,

styleUrls: [’./register.page.scss’],

})

export class RegisterPage {

full_name: string = ‘’;

phone_number: string = ‘’;

username: string = ‘’;

password: string = ‘’;

confirm_password: string = ‘’;

constructor(

private router: Router,

public toastController: ToastController,

private postPvdr: PostProvider,

) { }

ngOnInit() {

}

formLogin() {

this.router.navigate(['/login']);

}

async addRegister() {

if (this.full_name == '') {

  const toast = await this.toastController.create({

  message: 'Fullname is required',

  duration: 2000

  });

  toast.present();

} else if (this.phone_number == '') {

  const toast = await this.toastController.create({

    message: 'Phone number is required',

    duration: 2000

    });

  toast.present();

} else if (this.username == '') {

  const toast = await this.toastController.create({

    message: 'Username is required',

    duration: 2000

    });

  toast.present();

} else if (this.password == '') {

  const toast = await this.toastController.create({

    message: 'Password is required',

    duration: 2000

    });

  toast.present();

} else if (this.password != this.confirm_password) {

  const toast = await this.toastController.create({

    message: 'Password does not match',

    duration: 2000

    });

  toast.present();

} else {

  let body = {

    full_name: this.full_name,

    phone_number: this.phone_number,

    username: this.username,

    password: this.password,

    aksi: 'add_register'

  };

  this.postPvdr.postData(body, 'file_aksi.php').subscribe(async data => {

   var alertpesan = data.msg;

   if (data.success) {

     this.router.navigate(['/login']);

     const toast = await this.toastController.create({

      message: 'Register successfully',

      duration: 2000

     });

     toast.present();

   } else {

     const toast = await this.toastController.create({

       message: alertpesan,

       duration: 2000

     });

   }

 });

}

}

}

Posts: 1

Participants: 1

Read full topic

@carlosGAlfonzo wrote:

I have a huge problem with my PWA app where if I deploy 2-3 new versions and the user has not opened or updated their app for 2-3 versions, their app just goes blank!

I am not sure what the reason is, it could be that the runt-time file or one of the .js files has changed and is not able to be compiled.

Is there any way to make ionic refresh or update itself, if it detects it has broken itself?

Posts: 1

Participants: 1

Read full topic

@arcanjo42 wrote:

I’m trying to pass data between a parent and a child page in ionic using Ionic Storage to get the data in an async way.

What is happening is that when I get to the page, the data didn’t return from the storage yet and I have an undefined error: ERROR TypeError: Cannot read property ‘name’ of undefined.

What I am using:

• A parent page that I click in an item in the grid and it forwards me to the child page, using router.navigate

  goToMediaDetails(data) {
    this.router.navigate([`slate-list/${data.id}`]);
  }

• The child route is listed in the app-routing.module.ts receiving the id

  {
    path: "slate-list/:mediaId",
    loadChildren: () =>
      import("./pages/slate-list/slate-list.module").then(
        m => m.SlateListPageModule
      )
  }

• I grab the mediaId in the child’s constructor page and use a service to get the data from ionic storage.

import { Component, OnInit } from "@angular/core";
import { ActivatedRoute, Router } from "@angular/router";

//Services
import { MediaService } from "../../services/media.service";

@Component({
  selector: "app-slate-list",
  templateUrl: "./slate-list.page.html",
  styleUrls: ["./slate-list.page.scss"]
})
export class SlateListPage implements OnInit {
  public media: any;
  private mediaId: number;

  constructor(
    private route: ActivatedRoute,
    private router: Router,
    private mediaSvc: MediaService
  ) {
    //if the id is provided in the url, get the media by id using the service
    if (route.snapshot.params.mediaId) {
      this.mediaId = route.snapshot.params.mediaId;
      this.mediaSvc.getMediaById(this.mediaId).then(result => {
        this.media = result;
      });
    }
  }

• Here is the service code returning a promise

  //GET Media By ID
  getMediaById(mediaId) {
    let mediaToReturn = new Media();
    return new Promise(resolve => {
      this.storage.get("media").then(result => {
        if (result != null && result.length != 0) {
          mediaToReturn = result.find(x => x.id == mediaId);
        }

        resolve(mediaToReturn);
      });
    });
  }

• Here is the simple html giving the problem

<ion-content>
  <ion-grid class="ion-no-padding">
    <ion-row>
      Slates for <strong>{{media.name}} </strong> / Episode: {{media.episode}}
    </ion-row>
  </ion-grid>
</ion-content>

Yes, the data is returned using the service, I console.log it right after the .then and the data is there, so I’m assuming that it’s just a classic async situation.

I saw I can introduce a loading component, make it show up for 1 second or a bit more and then the data will be there but is that the better/official way to do it?

I’m at the beginning of my journey with ionic/async so forgive me if I made some silly mistake

Posts: 6

Participants: 3

Read full topic

@lubomir97 wrote:

Hi guys,
I’m trying to use facebook native plugin after successfully integrated this plugin when I start my app on android device and click on fb login from Facebook shows me “Login error” I’m already added my Android platform on fb app but my app is still not in google play store is this the problem or is something else?

Please help because I’m stuck on this from some days…Thanks

Posts: 1

Participants: 1

Read full topic

@Script47ind wrote:

If using Ionic 3:

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';

import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { ListPage } from '../pages/list/list';

import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { ConstantsProvider } from '../providers/constants/constants';
import { PostPage } from '../pages/post/post';
import { HttpClientModule } from '@angular/common/http';

@NgModule({
  declarations: [
    MyApp,
    HomePage,
    ListPage,
    PostPage
  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp),
    HttpClientModule
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    ListPage,
    PostPage
  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    ConstantsProvider
  ]
})
export class AppModule {}

home.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { ConstantsProvider } from '../../providers/constants/constants';
import { HttpClient } from '@angular/common/http';
import { PostPage } from '../post/post';


@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  title: string;
  posts: any[];
  constructor(private constants: ConstantsProvider, private http: HttpClient, public navCtrl: NavController) {
    http.get('https://www.googleapis.com/blogger/v3/blogs/byurl?key=' + constants.getApiKey() + '&url=' + constants.getUrl())
    .subscribe(data => {
      this.title = data.name;
      this.getPosts(data.posts.selfLink);
      console.log(data);
      });
  }

  getPosts(url: string) {
    this.http.get(url + '?maxResults=80' + '&key=' + this.constants.getApiKey())
      .subscribe(data => {
        this.posts = data.items;
        console.log(this.posts);
      });
  }

  openPost(post) {
    this.navCtrl.push(PostPage, {post: post})
  }
}

post.ts

import { Component } from '@angular/core';
import { IonicPage, NavController, NavParams } from 'ionic-angular';

/**
 * Generated class for the PostPage page.
 *
 * See https://ionicframework.com/docs/components/#navigation for more info on
 * Ionic pages and navigation.
 */

@IonicPage()
@Component({
  selector: 'page-post',
  templateUrl: 'post.html',
})
export class PostPage {
  private post;
  constructor(public navCtrl: NavController, public navParams: NavParams) {
    this.post = navParams.get('post');
    console.log(this.post);
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad PostPage');
  }

}

if using ionic5:

app.module.ts

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { PostPage } from "./post/post.page";
import { HttpClientModule} from '@angular/common/http'
import { PostPageRoutingModule } from './post/post-routing.module';
import { PostPageModule } from './post/post.module';

@NgModule({
  declarations: [AppComponent,],
  entryComponents: [PostPage],
  imports: [
    BrowserModule,
    IonicModule.forRoot(),
    AppRoutingModule,
    HttpClientModule,
    PostPageRoutingModule,
    PostPageModule,
  ],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

folder.page.ts (homepage)

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { ConstantsService } from '../constants.service';
import { HttpClient } from '@angular/common/http';
import { PostPage } from "../post/post.page";
import { NavController } from '@ionic/angular';

@Component({
  selector: 'app-folder',
  templateUrl: './folder.page.html',
  styleUrls: ['./folder.page.scss'],
})
export class FolderPage implements OnInit {
  public folder: string;
  title: string;
  posts: any[];
  constructor(
    private activatedRoute: ActivatedRoute, 
    private constants: ConstantsService, 
    private http: HttpClient,
    private navCtrl: NavController,
    private route: Router)  { 
    this.http.get('https://www.googleapis.com/blogger/v3/blogs/byurl?key=' + constants.getApiKey() + '&url=' + constants.getUrl())
    .subscribe(data => {
      this.title = data.name;
      this.getPosts(data.posts.selfLink);
      console.log(data);
    });
    
  }
  getPosts(url: string) {
    this.http.get(url + '?maxResults=80' + '&key=' + this.constants.getApiKey())
      .subscribe(data => {
        this.posts = data.items;
        console.log(this.posts);
      });
}
  ngOnInit() {
    this.folder = this.activatedRoute.snapshot.paramMap.get('id');
  }
  openPost(post) {
    this.route.navigate(['post', {post:post}])
  }
}

post.page.ts (postpage)

import { Component, OnInit } from '@angular/core';
import { NavController, NavParams } from '@ionic/angular';
import { ActivatedRoute } from '@angular/router';
import { FolderPage } from '../folder/folder.page';

@Component({
  selector: 'app-post',
  templateUrl: './post.page.html',
  styleUrls: ['./post.page.scss'],
})
export class PostPage implements OnInit {
  private post: any;
  constructor(private navCtrl: NavController, private activatedRoute: ActivatedRoute) {
    this.activatedRoute.paramMap.subscribe(params => {
    this.post = params.posts[+params.get('post')];
    console.log(this.post)
  });
   }

  ngOnInit() {
    
  }
  
}

Using ionic 3 there is no problem when loading parts of the post when clicking on it. But, in ionic 5 i get this error:
ERROR TypeError: Cannot read property ‘NaN’ of undefined

Posts: 1

Participants: 1

Read full topic

@WhoSketchy wrote:

Hello,

I am trying to count the fields in my Firebase database this is my method inside of a provider (it is an observable):

method1179×169 5.56 KB

When calling the provider in my ts page, its always being returned as null, any advice on how I can get it to return a number value?

Posts: 1

Participants: 1

Read full topic

@hoshauch wrote:

Hello together,

i’m having trouble while creating an IPA of an IONIC4 Angular App.
ng build works
ionic cordova build ios works
ionic cordova build ios --prod --release works

I Have two build machines, machineA creates a IPA with --prod --release and the other one creates just a emulator app-bundle

machineA:
Ionic:

Ionic CLI : 6.1.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 4.11.10
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.1.2

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 21 other plugins)

Utility:

cordova-res (update available: 0.9.0) : 0.6.0
native-run : 0.3.0

System:

ios-deploy : 1.9.4
ios-sim : 8.0.2
NodeJS : v10.15.3 (/usr/local/bin/node)
npm : 6.11.2
OS : macOS Catalina
Xcode : Xcode 11.3.1 Build version 11C504

machineB:
Ionic:

Ionic CLI : 6.1.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 4.11.10
@angular-devkit/build-angular : 0.801.3
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.1.3
@ionic/angular-toolkit : 2.1.2

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : ios 5.1.1
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 21 other plugins)

Utility:

cordova-res : not installed
native-run : 0.3.0

System:

ios-deploy : 1.10.0
ios-sim : 8.0.2
NodeJS : v12.16.1 (/usr/local/bin/node)
npm : 6.14.1
OS : macOS Catalina
Xcode : Xcode 11.3.1 Build version 11C505

On both machines i selected the certificates in xcode and i can archive the app with generic device and generic device is selected.

The Problem: while ionic cordova build ios --prod --release its only working on machineA.
After ng build phase there is a small difference

machineA
building project: /Users/…xcworkspace
Configuration: Release
Platform: device
Target:

machineB
No simulator found for ". Falling back to the default target
building project: /Users/…xcworkspace
Configuration: Release
Platform: emulator
Target: iPhone 11 Pro Max

Does anybody know how to change this or why this is happening?

Kind regards

Posts: 1

Participants: 1

Read full topic

@Ludolefrenchy wrote:

Hello
I am developing a simple app only for co-workers.
how to make so that everyone can install it on their smartphone?
Thank you in advance.
Ludo.

Posts: 1

Participants: 1

Read full topic

@edwardkorankyi wrote:

I have followed all instructions on https://ionicframework.com/blog/understanding-itms-90809-uiwebview-api-deprecation/ but I still see reference to UIWebView after I build. Also, the instruction says

add <preference name="WKWebViewOnly" value="true" /> to your config.xml

But doesn’t really say where to add it. in the Platform section or Widget. am literally stack right now

Posts: 1

Participants: 1

Read full topic

@xfveiga wrote:

ionic 4 I have a text variable that when going to a page if there is a “/” in the text, it gives an error how to solve?

showCustomer(id,name,desc,apl,p_ios,p_android,app_nav,app_tot_p,app_tot_q,app_tot_m){
this.router.navigate([’/showcustomer/’ + id + ‘/’ + name + ‘/’ + (desc) + ‘/’ + apl + ‘/’ + p_ios + ‘/’ + p_android +’/’ + app_nav +’/’ + app_tot_p +’/’ + app_tot_q +’/’ + app_tot_m ]);

}

Posts: 1

Participants: 1

Read full topic

@Osta wrote:

@auth0/angular-jwt is not attaching authorization headers on my API calls and I’m stuck on this for a long time now
This is my configuration:

import {NgModule} from '@angular/core';
import {BrowserModule} from '@angular/platform-browser';
import {RouteReuseStrategy} from '@angular/router';

import {IonicModule, IonicRouteStrategy} from '@ionic/angular';
import {SplashScreen} from '@ionic-native/splash-screen/ngx';
import {StatusBar} from '@ionic-native/status-bar/ngx';

import {AppComponent} from './app.component';
import {AppRoutingModule} from './app-routing.module';
import {Storage, IonicStorageModule} from '@ionic/storage';
import {HttpClientModule} from '@angular/common/http';
import {JwtModule, JWT_OPTIONS, JwtHelperService} from '@auth0/angular-jwt';
import {InAppBrowser} from '@ionic-native/in-app-browser/ngx';

export function jwtOptionsFactory(storage) {
    return {
        tokenGetter: () => {
            return storage.get('jwt_token');
        },
        whitelistedDomains: ['localhost:3000'],
        throwNoTokenError: true
    };
}

@NgModule({
    declarations: [AppComponent],
    entryComponents: [],
    imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule,
        IonicStorageModule.forRoot(),
        HttpClientModule,
        JwtModule.forRoot({
            jwtOptionsProvider: {
                provide: JWT_OPTIONS,
                useFactory: jwtOptionsFactory,
                deps: [Storage],
            }
        })],
    providers: [
        StatusBar,
        SplashScreen,
        {provide: RouteReuseStrategy, useClass: IonicRouteStrategy},
        {provide: JWT_OPTIONS, useValue: JWT_OPTIONS},
        JwtHelperService,
        InAppBrowser
    ],

Posts: 1

Participants: 1

Read full topic

@scharli wrote:

When i’m uploading my project on hosting site and data is coming from there only,it worked fine on localhost but when i uploaded my webapi on hosting server it’s not working data is not coming and i’m not able to logged into my application.
I tried different ways, in postman data is coming perfectly and i also able to log in.
Error is attached below:

Capture1711×141 21.5 KB

1.) Error:

Access to XMLHttpRequest at ‘http://stylen.in/token’ from origin ‘http://localhost:8100’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

2.) Error:

POST http://stylen.in/token net::ERR_FAILED

Posts: 1

Participants: 1

Read full topic

@mydrivensolutions wrote:

I’m using WebSockets to communicate with a local server which works fine in the web. However when I send to IOS and the page loads that connects nothing happens. Does anyone know workarounds or something else I need to do in Xcode to get it to work?

Posts: 1

Participants: 1

Read full topic