I am integrating Auth0 into my Ionic 6 Angular app, which requires the library to be run on a server with a secure origin (auth0-spa-js/FAQ.md at 451956f5615bdd7e8fe3c313dbe30d1e31b855f1 · auth0/auth0-spa-js · GitHub). When I run the ionic serve in development mode with live reload, I cannot get the server to run securely on iOS devices.

I have been running ionic capacitor run ios -l --external --ssl to launch an https server, however xcode does not seem to allow a self-signed certificate. I have tried to add the certificate generated by ionic ssl generate to my iOS device without any luck.

Everything works if I run a full build and deploy, but I can’t connect to a development server as xcode outputs the following error message:

Error: The certificate for this server is invalid. You might be connecting to a server that is pretending to be “X.X.X.X” which could put your confidential information at risk.

Has anyone gotten ssl working with the livereload feature of Ionic and Capacitor for iOS?

1 post - 1 participant

Read full topic

Please describe the question in detail and share your code, configuration, and other relevant info.I am very frustrated with this problem:(

I am developing an app for android and ios (using capacitor 3) and I am sending notifications to the app via firebase notifications. (capacitor packages: @capacitor-community/fcm and @capacitor/push-notifications).

It works for a while and after one day or a few days that the app is running in background or foreground (and not killed) it stops from working and the app doesn’t get notifications(This has happened to me in android device.).

I am sending notifications using topics and i also tried to send the notification through firebase console, but it didn’t work.

I am not sure if this means that the registration token has expired because I would think that the capacitor packages are suppose to handle it since they are not talking about this problem.

I did everything from the documentation of capacitor push notifications.

Thank you all in advanced!

5 posts - 2 participants

Read full topic

Me and my friends are struggling to solve this problem. We’ve seen similar topics but we couldn’t solve them.

In some pages of our app, when clicking on some input, after a few seconds the focus is lost and the keyboard closes. This time varies, sometimes it loses right after clicking, sometimes it takes 30 seconds. This is impacting app usage.

On some pages this does not happen. I’ve already replicated the exact same code, in one the focus is lost, and in another, it’s not.

When the input is inside a component, the error also happens.

I tried many possible solutions that I found around, but without success.

Here is the package.json :

{
  "name": "xxxxxxx",
  "version": "7.3.0",
  "author": "Ionic Framework",
  "homepage": "https://ionicframework.com/",

  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },

  "private": true,

  "dependencies": {
    "@angular/common": "^10.2.0",
    "@angular/core": "^10.2.0",
    "@angular/forms": "^10.2.0",
    "@angular/http": "^7.2.16",
    "@angular/platform-browser": "^10.2.5",
    "@angular/platform-browser-dynamic": "^10.2.0",
    "@angular/router": "^10.2.0",
    "@ionic-native/barcode-scanner": "^5.30.0",
    "@ionic-native/core": "^5.29.0",
    "@ionic-native/fingerprint-aio": "^5.29.0",
    "@ionic-native/splash-screen": "^5.29.0",
    "@ionic-native/status-bar": "^5.29.0",
    "@ionic/angular": "^5.4.1",
    "br-mask": "0.0.10",
    "chart.js": "^2.9.3",
    "chartjs-plugin-labels": "^1.1.0",
    "cordova-android": "^9.1.0",
    "cordova-plugin-fingerprint-aio": "^4.0.1",
    "core-js": "^3.6.5",
    "ionic-angular": "^3.9.10",
    "ionic-mqtt": "github:emalherbi/ionic-mqtt",
    "ionic-selectable": "^4.9.0",
    "moment": "^2.29.1",
    "ng2-charts": "^2.3.0",
    "rxjs": "^6.6.3",
    "rxjs-compat": "^6.6.7",
    "tslib": "^2.0.3",
    "uuid": "^8.3.1",
    "zone.js": "^0.11.2"
  },

  "devDependencies": {
    "@angular-devkit/build-angular": "^0.1002.0",
    "@angular/cli": "^10.2.0",
    "@angular/compiler": "^10.2.0",
    "@angular/compiler-cli": "^10.2.0",
    "@angular/language-service": "^10.2.0",
    "@ionic/angular-toolkit": "^2.3.3",
    "@types/jasmine": "^3.6.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^14.14.6",
    "@types/uuid": "^8.0.0",
    "codelyzer": "^6.0.1",
    "cordova-ios": "^6.1.1",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-ionic-keyboard": "^2.2.0",
    "cordova-plugin-ionic-webview": "^5.0.0",
    "cordova-plugin-splashscreen": "^6.0.0",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "grunt": "^1.1.0",
    "grunt-config": "^1.0.0",
    "grunt-contrib-clean": "^2.0.0",
    "grunt-contrib-copy": "~1.0.0",
    "grunt-prompt": "^0.2.0",
    "grunt-replace": "^0.7.4",
    "grunt-shell": "^3.0.1",
    "jasmine-core": "^3.5.0",
    "jasmine-spec-reporter": "^6.0.0",
    "karma": "^5.2.3",
    "karma-chrome-launcher": "^3.1.0",
    "karma-coverage-istanbul-reporter": "^3.0.2",
    "karma-jasmine": "^4.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "phonegap-plugin-barcodescanner": "^8.1.0",
    "protractor": "^7.0.0",
    "ts-node": "^9.0.0",
    "tslint": "^6.1.2",
    "typescript": "^4.0.5"
  },

  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-whitelist": {},
      "cordova-plugin-statusbar": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {
        "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+"
      },
      "cordova-plugin-ionic-keyboard": {},
      "cordova-plugin-fingerprint-aio": {
        "FACEID_USAGE_DESCRIPTION": "Login now...."
      },

      "phonegap-plugin-barcodescanner": {
        "ANDROID_SUPPORT_V4_VERSION": "27.+"
      }
    },
    "platforms": [
      "ios",
      "android"
    ]
  }
}

Here is an example of input that loses focus

<div class="ion-padding">
        <ion-item>
          <ion-label color="primary">Cliente</ion-label>
          <ion-input formControlName="NOMEENTIDADE" type="text" required></ion-input>
        </ion-item>
        <ion-item>
          <ion-label color="primary">Funcionário</ion-label>
          <ion-input formControlName="NOMEFUNCIONARIO" disable readonly="true" type="text" (click)="addFuncionario()"></ion-input>
        </ion-item>
        <ion-item>
          <ion-label color="primary">Endereço</ion-label>
          <ion-input formControlName="ENDERECO" type="text"></ion-input>
        </ion-item>
        <ion-item>
          <ion-label color="primary">Telefone</ion-label>
          <ion-input formControlName="FONE" type="number"></ion-input>
        </ion-item>
        <ion-item>
          <ion-label color="primary">Celular</ion-label>
          <ion-input formControlName="CELULAR" type="number"></ion-input>
        </ion-item>
        <ion-item>
          <ion-label color="primary">Obs</ion-label>
          <ion-input formControlName="OBS" type="text"></ion-input>
        </ion-item>
      </div>

Here is his directory. For example, an input in the html in “pag-comanda” in blue, does not lose focus. An input in the html of “pag-comanda-itens”, in green, loses focus.

Thank you! If you need more information, just ask.

1 post - 1 participant

Read full topic

This repository is a standalone repo that utilizes APIs from LotteryTracker.ca to build out a mobile application using the Ionic 5 Angular framework. It showcases many of the Ionic components and will function if run locally on your laptop (backend is a cloud service). I am showcasing this as a code example for others just starting out. The application is an example but not complete.

Git: GitHub - mad-dev-4/LotteryTracker-Mobile: Ionic 5 mobile app connecting to the LotteryTracker.ca APIs

1 post - 1 participant

Read full topic

Hey, I am looking for plugins to check fake / mock location & root / jailbreak device in Ionic 5 and Capacitor 3. Thank you!

3 posts - 2 participants

Read full topic

Hi All,

A while ago MS announced that they were retiring support for Cordova in AppCenter.

Has anyone found a good (inc. not expensive) alternative for CodePush as we’re now nearing the deadline?

Thanks

2 posts - 2 participants

Read full topic

How to change tab’s data while we’d some event occur in particular page. for example, I have app, in this, i have tab called CART, The problem is that, while I add some product in cart , then I need to increase CART (1), if add 2nd then tab rename with CART (2). I had used global service, but not works.

in sort, how to update tab data from external file in ionic. ( event, I can get update counts here, but on reload app, not realtime.
)

here is sample code,

tabs.html

    <ion-tabs>
        <ion-tab-bar slot="bottom">

            <ion-tab-button tab="home">
                <ion-label>Home</ion-label>
            </ion-tab-button>

            <ion-tab-button tab="cart">
                <ion-label>Cart ({{cart_length}})</ion-label>
            </ion-tab-button>

        </ion-tab-bar>
    </ion-tabs>

tabs.ts

import { GloballService } from "../globall.service";

export class TabPage implements OnInit {
    cart_length :any = "";

    constructor( global: GloballService ) {
        this.global =  global;
    }

    async ionViewWillLoad() {
        this.cart_length = await this.global.cartCount();
// i can get update counts here, but on reload app, not realtime.
    }

}

globall.service.ts

import { Injectable } from '@angular/core';
import { Storage } from '@ionic/storage';

@Injectable({
  providedIn: 'root'
})
export class GloballService {
    public cartCountTotal: any;
    public cart_length : any;

    constructor(private storage : Storage,) {  }

    async cartCount(){
        let cart_array = await this.storage.get("cart_array");
        console.log("cart_array.data.length",cart_array.data.length);
        this.cart_length = cart_array.data.length;

        return cart_array.data.length;
    }

    async ionViewWillLoad() {
        await this.storage.create();
    }
}

products.ts

import { Component, OnInit } from '@angular/core';
import { NavController,Platform } from '@ionic/angular';
import { HttpClient } from '@angular/common/http';
import { Observable } from "rxjs";
import { ActivatedRoute, Router, NavigationExtras } from '@angular/router';
import { CommonModule } from '@angular/common';
import { GloballService } from "../globall.service";
import { Storage } from '@ionic/storage';

export class Tab1Page {
    constructor( 
        public http: HttpClient, 
        public navCtrl: NavController,
        private router: Router,
        private platform : Platform,
        private splashScreen: SplashScreen,
        private storage : Storage,
        global: GloballService, 
    ) {
        this.global =  global;
        this.baseUrl = this.global.baseUrl;
    }

    addToCart(){
        this.data1 = '[{"master_id": 1588, "stock": "1", "price": "130"}]';
        this.storage.set("cart_array",this.data1);
// storing this for getting in globall.ts, 
    }

   


}

Please help me to find out solution.

2 posts - 2 participants

Read full topic

I’m working on an Ionic-App with multiple tabs.

When I run the app in the browser using ionic serve everything runs as it was intended to.

However, when I run the application as a PWA (Progressive Web Application) and try to enter a specific tab, I get following error messages. And I’m also not able to interact with other users.

What the tab should look like.

What it now looks like.

tab3.page.ts:

import { Component, OnInit } from '@angular/core';
import * as firebase from 'firebase/app';
import 'firebase/firestore';
import "@ionic/angular";
import { NavController } from '@ionic/angular';
import { LoginPage } from '../login/login.page';
import { Router } from '@angular/router';
import { AngularFirestore } from '@angular/fire/firestore';
import { AngularFireAuth } from '@angular/fire/auth';
import { environment } from '../../environments/environment';


@Component({
  selector: 'app-tab3',
  templateUrl: 'tab3.page.html',
  styleUrls: ['tab3.page.scss']
})

export class Tab3Page implements OnInit {

  uid;
  email;
  username;
  dp;
  users = [];

  constructor(public nav: NavController) {
    this.uid = localStorage.getItem("uid");
    firebase.firestore().collection("chatUsers").doc(this.uid).get().then(userData => {
      this.username = userData.data()['username'];
      this.email = userData.data()['email'];
      this.dp = userData.data()['dp'];
    }); console.log(this.uid);
    firebase.firestore().collection("chatUsers").get().then(userData => {
      userData.forEach(childData => {
        if (childData.data()['uid'] != this.uid) {
          this.users.push(childData.data());
        }
      })
    });
  }

  gotochat(uid, username, email) {
    sessionStorage.setItem("uid", uid);
    sessionStorage.setItem("username", username);
    this.nav.navigateForward("/chat");
  }
  ngOnInit() {

  }
}

login-page.ts:

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

import { AngularFireAuth } from '@angular/fire/auth';
import { AngularFirestore } from '@angular/fire/firestore';
import { NavController } from '@ionic/angular';

@Component({
  selector: 'app-login',
  templateUrl: './login.page.html',
  styleUrls: ['./login.page.scss'],
})
export class LoginPage implements OnInit {

  email: string;
  pwd: string;

  constructor(public fs: AngularFirestore, public af: AngularFireAuth, public nav: NavController) { }

  ngOnInit() {
  }

  login() {
    this.af.signInWithEmailAndPassword(this.email, this.pwd).then((userData) => {
      this.nav.navigateRoot('/tabs')
      localStorage.setItem("uid",userData.user.uid)
    }).catch(err => {
      alert(err.message)
    })
  }

  goto_signup() {
    this.nav.navigateForward('/signup')
  }
}

I’m still new in Ionic so I don’t really know where the problem could lie.

Thanks in advance!

2 posts - 2 participants

Read full topic

With the ion-datetime, how does one hide the calendar so only the time picker is used?

Figures… 2 minutes later I find the answer:
presentation=“time”

2 posts - 1 participant

Read full topic

After Installing the capacitor spash-screen plugin, I got splash screen to work on simulators, but on the web during debugging it crashes after the splash screen timeout is over. Is this a bug or am I missing some config to make it work in the web?

The error I am getting is

Uncaught ReferenceError: process is not defined

My guess why it’s failing is that the splash-screen plugin object is not able to find splashscreen.hide() object on the web. Is there a way to fix this?

2 posts - 2 participants

Read full topic

I’ve tried applying the below CSS (taken from another forum post here) to limit the screen width on PCs. It doesn’t seem to be getting applied though. I’ve put it in the Ionic variables.css file and also directly imported on a specific page like import "./mycss.css".

@media (min-width: 700px) {
  .app-root {
    width: 700px;
    margin: auto;
    position: relative;
  }

  .scroll-content {
    overflow-y:auto;
  }
}

When I open chrome DevTools it’s saying my width is 1536. So it should be getting applied but it’s not. What am I missing?

2 posts - 2 participants

Read full topic

Hi,

I have same complex pages with dynamic content.
I want to load the modules dynamically after initialization.
The modules which have to be used depend on a service call which is performed at the initialization of the page.

Any ideas?

Thanks!
Tobias

6 posts - 2 participants

Read full topic

I have a problem, when giv my Falsk py to cloud serve phytonanywhere.com works at Hi, I have a problem, when I giv my Falsk py to cloud serve phytonanywhere.com works at Chrome, but not works at app.

This is my flask_app.py

from flask import Flask, jsonify,request
from posts import posts


app=Flask(__name__)

@app.route('/')
def index():
    lang = request.headers.get("Accept-Language", 'sk')[:2]

    p = list(map (lambda post: translate(post, lang), posts))

    return jsonify(p)


def translate(post, lang):
    translation = next (t for t in post['translations'] if t['locale'] == lang)

    return {
        "id": post ['id'],
        "title": translation ['title'],
        "description": translation ['description'],
        "image": post['image'],
}

Works at Chrome, I see this.

And my app code is

import { Component, OnInit } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';


@Component({
  selector: 'app-posts2',
  templateUrl: './posts.component.html',
  styleUrls: ['./posts.component.scss'],
})
export class PostsComponent implements OnInit {
  
  posts:any = [];
  constructor(private http: HttpClient) { }

 

  ngOnInit() {
    

    const lang = localStorage.getItem('lang') || 'sk';
    
    const headers = new HttpHeaders({
      'Accept-Language': lang
    })   
  
  
    this.http.get('http://miki83.pythonanywhere.com/', {
      headers: headers
    }).subscribe(data=>{
      console.log();
      this.posts = data;
       });
  }

}

when I run my application real on Android Studio Drive then I have empty screen.

I have this cloud on my application on butoon click

How is problem? I paste the cloud Url to app.

1 post - 1 participant

Read full topic

So basically, I created an role based login system with admin and user. When i try to log in, the user access token is always null, and i dont know why. I spent like 20 hours solving this problem, but nothing helps. Any help would be appreciated!

Here is my login method:

user = {
    email: '',
    password: ''
  };

login(){
    console.log(this.auth);
    this.auth.login(this.user).subscribe(user => {
      console.log('USER after login', JSON.stringify(user));
      if (user && user['role']) {
        let role = user['role'];
        if (role == 'ADMIN') {
          this.router.navigateByUrl('/admin-dashboard');
        } else if (role == 'USER') {
          this.router.navigateByUrl('/user-dashboard');
        } else {
          console.log('You are not authrnticated');
        }
      } else {
        console.log('Username Password combination not found');
        this.showWrongLoginAlert();
      }
    });
  }

My authenticationService:

user!: Observable<any>;
  private currentUser: BehaviorSubject<any> = new BehaviorSubject(null);

  constructor(private router: Router, private storage: Storage) {
    this.loadUser();
    this.user = this.currentUser.asObservable().pipe(
      filter(response => response)
    );

  }

  loadUser() {
    this.storage.get(TOKEN_KEY).then(data => {
      if (data) {
        this.currentUser.next(data);
      } else {
        this.currentUser.next({ email: null, role: null });
      }
    });
  }

  

  login(credentials: any): Observable<any>{
    // eslint-disable-next-line prefer-const
    let email = credentials.email;
    // eslint-disable-next-line prefer-const
    let password = credentials.password;
    let user = null;

    if (email === 'admin' && password === 'admin') {
      user = { email, role: 'ADMIN' };
    } else if (email === 'user' && password === 'user') {
      user = { email, role: 'USER' };
    } else {

    }

    this.currentUser.next(user);
    this.storage.set(TOKEN_KEY, user);

    return of(user);
  }

1 post - 1 participant

Read full topic

How to show dotted lines for connecting tree nodes in tree view , please can you help me out on this topic also i attached my below expected output

.ts

> buildForm(item: TreeItem) {
> 
>     const group: { [id: string]: AbstractControl } = {};
> 
>     if (item.hasOwnProperty('type')) {
> 
>       group.type = new FormControl(item.type);
> 
>     }
> 
>     if (item.element) {
> 
>       group.element = this.formBuilder.array(item.element.map(el => this.buildForm(el)))
> 
>     }
> 
>     return this.formBuilder.group(group);
> 
>   }
> 
>   ngOnInit() {
> 
>     this.testForm = this.buildForm(data);
> 
>   }
> 
>   onSubmit() {
> 
>     console.log(this.testForm.value);
> 
>   }

*.html

<form class="tree" [formGroup]="testForm" (ngSubmit)="onSubmit()">

  <ng-template #recursiveList let-controls let-prefix="prefix">

    <ng-container *ngFor="let item of controls; let i = index">

      <div class="tree-item" [formGroup]="testForm.get(prefix + i)">

        <input type="text" formControlName="type">

      </div>

      <div class="sub-tree" *ngIf="item.get('element')?.controls?.length">

        <ng-container

          *ngTemplateOutlet="recursiveList; context:{ $implicit: item.get('element').controls, prefix: prefix + i + '.element.'  }"></ng-container>

      </div>

    </ng-container>

  </ng-template>

  <ng-container

    *ngTemplateOutlet="recursiveList; context:{ $implicit: testForm.get('element').controls, prefix: 'element.' }"></ng-container>

</form>

<pre>{{testForm.value | json}}</pre>

1 post - 1 participant

Read full topic

Does Ionic already offer a component for this?
I want to flash a field when it changes, visually highlighting it, temporarily shifting the attention of the user to it.

Example: On the cart page, when the user changes the amount of an item, the total field (and maybe other field that also are affected) should flash. E.g. changing the amount of an item of 10 bucks from 1 to 2 changes the total field value from 10 to 20. And the field should also flash so the user sees that changing the amount had an effect on the total amount.

2 posts - 2 participants

Read full topic

I want to switch between pages, but still keep the App footer and header.
Currently I am using a custom App footer and header component and put those into each page.
However, the transition effect shows the App footer and header also transitioning (to the same looking App footer and header), instead just only changing the page content in the middle.

Can I put the App footer and header at the outside of the page transitions?

1 post - 1 participant

Read full topic

Hi All,
I have a external API url. When I use that API url in chrome browser, the PDF is opening in browser.
When I tried the same in Android simulator, it is asking to download the PDF instead displaying.
Please suggest as this will be really helpful.

2 posts - 1 participant

Read full topic

I’m trying to use File API Plugin for Read and Write File Access on Devices in ionic 6 with capacitor but I’m always getting the msg: TypeError:

this.objFile.writeFile(…) is undefined

Code:

app.module.ts

import { File } from '@awesome-cordova-plugins/file/ngx';

update.service.ts

import { File } from '@awesome-cordova-plugins/file/ngx';

constructor(private objHttp: HttpClient, private objAlertController: AlertController, private objFile: File) {
  }
  
  
  fileWrite(filename: string, content: string) {
    this.objFile.writeFile(this.currentFolder, filename, content).then(() => { //BUG
    }).catch(r => {
      console.error('r'); //todo: rm debug
    })
  }

package.json

"dependencies": {
    "@angular/common": "~13.0.0",
    "@angular/core": "~13.0.0",
    "@angular/forms": "~13.0.0",
    "@angular/platform-browser": "~13.0.0",
    "@angular/platform-browser-dynamic": "~13.0.0",
    "@angular/router": "~13.0.0",
    "@awesome-cordova-plugins/file": "^5.39.1",
    "@capacitor/android": "3.4.0",
    "@capacitor/app": "^1.1.0",
    "@capacitor/browser": "^1.0.7",
    "@capacitor/core": "3.4.0",
    "@capacitor/haptics": "^1.1.4",
    "@capacitor/keyboard": "^1.2.1",
    "@capacitor/share": "^1.1.1",
    "@capacitor/status-bar": "^1.0.7",
    "@capacitor/storage": "^1.2.4",
    "@ionic-native/app-rate": "^5.36.0",
    "@ionic-native/splash-screen": "^5.36.0",
    "@ionic-native/sqlite": "^5.36.0",
    "@ionic-native/text-to-speech": "^5.36.0",
    "@ionic/angular": "^6.0.0",
    "cordova-plugin-file": "^6.0.2",
    "cordova-sqlite-storage": "^6.0.0",
    "leaflet": "^1.7.1",
    "leaflet-ant-path": "^1.3.0",
    "rxjs": "~6.6.0",
    "tslib": "^2.2.0",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~13.0.1",
    "@angular-eslint/builder": "~13.0.1",
    "@angular-eslint/eslint-plugin": "~13.0.1",
    "@angular-eslint/eslint-plugin-template": "~13.0.1",
    "@angular-eslint/template-parser": "~13.0.1",
    "@angular/cli": "~13.0.1",
    "@angular/compiler": "~13.0.0",
    "@angular/compiler-cli": "~13.0.0",
    "@angular/language-service": "~13.0.0",
    "@capacitor/cli": "3.4.0",
    "@ionic/angular-toolkit": "^5.0.0",
    "@ionic/lab": "3.2.10",
    "@types/jasmine": "~3.6.0",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^12.11.1",
    "@typescript-eslint/eslint-plugin": "5.3.0",
    "@typescript-eslint/parser": "5.3.0",
    "eslint": "^7.6.0",
    "eslint-plugin-import": "2.22.1",
    "eslint-plugin-jsdoc": "30.7.6",
    "eslint-plugin-prefer-arrow": "1.2.2",
    "jasmine-core": "~3.8.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~6.3.2",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "typescript": "~4.4.4"
  },

I also tried capacitor native FileSystem and used it exactly like in some github repos I found but I always got the msg, that its use with const is deprecated and it didn’t worked anyway.

Can someone maybe help with this? I’m trying since 2 days. I just need to save and read files.

2 posts - 2 participants

Read full topic

<IonBreadcrumb> has a href attribute, but no routerLink.

When I select a <IonBreadcrumb> with a ´hrefattribute, the browser will fully (re)load a new page. WhenrouterLink` is used, a transition happens (e.g. between pages and tabs), without fully reloading.

How can I use <IonBreadcrumb> and still transition to a page, without fully reloading the page?

1 post - 1 participant

Read full topic