Questions tagged [capacitor]
Capacitor is a cross-platform app runtime that allows developers to build web apps that run natively on iOS, Android, Electron and the web.
capacitor
2,303
questions
0
votes
0
answers
14
views
How to configure different google services in Ionic Framework?
I need to add push notifications to an app that is developed with Ionic Framework and Capacitor. I already created the project in Firebase and it gives me a google-services.json file which must be put ...
0
votes
0
answers
10
views
Embedded device with Hardware issues consisting atmega 328p, RFM96 and ADXL345
enter image description hereI have a device that works on 3V battery (2 D size cells) now I want to debug it so that all the devices work correctly. My device consist of atmega 328p, running on 08 MHz ...
-1
votes
0
answers
17
views
Could not run phased build action using connection to Gradle distribution 'https://services.gradle-
[{
"resource": "/D:/Ionic/SIMBinding/pos_vkd_reports(11-01-2024)/android/",
"owner": "generated_diagnostic_collection_name#5",
"code": "0",
&...
-1
votes
1
answer
14
views
Splash Screen is not showing ionic vue capacitor
I am experiencing an issue with the splash screen not displaying in my Ionic Vue project using Capacitor. Despite following the standard setup instructions, the splash screen does not appear when the ...
- 399
-1
votes
0
answers
28
views
Vue.js 3 mobile app from Capacitor error. No response from Laravel API with Sanctum
Good day, everyone! I have an issue with my Vue.js 3 mobile app which uses Capacitor runtime. There's no response from my Laravel API with Sanctum which hosted online. The following are my codes...
...
0
votes
0
answers
22
views
I need Ionic/Angular app to read incoming sms messages when app is closed
I'm developing an app for a local women's shelter that takes incoming sms messages from specific contacts, and uses AI to remove abusive language. Ideally the person adds the abuser to their spam ...
- 13
0
votes
0
answers
15
views
Is it possible to create a mobile VPN application for Android using Ionic + Capacitor + Vue 3?
Please advise, is it possible to create a mobile VPN application for Android using Ionic + Capacitor + Vue 3? Or would it be better not to delve into this and instead focus more on native mobile ...
- 11
0
votes
0
answers
25
views
FileReader loadend event not firing on mobile devices but works on web
I'm working on an Angular application with Capacitor, where I use FileReader to read a file and update the UI once the file is loaded. The code works perfectly on web browsers, but when I deploy it as ...
- 90
0
votes
0
answers
19
views
Framework7 Core with bundler (Vite) build on Capacitor cannot work on Android
I created a sample package with source code by using command "framework7 create --ui", then generate couples of files and folders and load them on VScode. The package is built at the ...
1
vote
0
answers
34
views
@capacitor/geolocation v5: is possible to show the native dialog box to ask the user to turn on the GPS?
I'm implementing a mobile app using @capacitor and using the geolocation plugin I'd like to ask the user to turn on its GPS and I want to do that using the native dialog box like GoogleMaps and other ...
- 776
0
votes
0
answers
7
views
Auth0 plus Capacitor plus React not recognising login
I've followed through Auth0's guide for how to setup a React app using Capacitorjs to deploy to android and Auth0 for authentication. I'm actually using the sample that can be downloaded from: https://...
- 954
0
votes
1
answer
18
views
Capacitor error with @capacitor-community/bluetooth-le
I'm developing print feature for my app using these tech stacks:
"@angular/core": "~13.2.0",
"@capacitor-community/bluetooth-le": "^3.1.4",
"@capacitor/...
- 175
0
votes
0
answers
18
views
DeepLinks and WebCredentials on Ionic Capacitor App
I am having serious issues on let these 2 things working. I finally succeeded few days ago, now, after some modification to the App, it doesn't work anymore. I have followed all the steps, but nothing....
- 1,104
0
votes
0
answers
14
views
Capacitor Android issue splash screen instead of camera
I am using to scan the qr code this plugin: @capacitor-mlkit/barcode-scanning.
It was working fine, after that i added the splash image on Android I see the splash screen instead of the camera.
The ...
- 380
0
votes
0
answers
44
views
Ionic Capacitor PendingIntent with unspecified mutability
does anyone know what it could be? When uploading to the Play Store, I'm receiving 4 warnings about PendingIntent with unspecified mutability.
I've already updated all my plugins, I'm on the latest ...
- 1
0
votes
0
answers
18
views
How to request API in Capacitor App created in Nuxt.js
I get error
/**
* API is not available.
*
* This means the API can't be used right now because:
* - it is currently missing a prerequisite, such as network connectivity
* -...
-1
votes
1
answer
23
views
Angular 16 Printer preview for Mobile app using capacitor
I have mobile application/s build with Angular 16 and Capacitor. I've been trying to show the print preview for the mobile application.
Standard approach with Windows.Print() is working only for the ...
-1
votes
0
answers
31
views
Ionic Capacitor 6, trying to write a file on Android 14 failed
I'm building an Ionic/Angular app for android which has to save some text logs, as a .txt file.
For doing so I'm trying to use @capacitor/filesystem@^6.0.0. The app is not requesting permissions event ...
- 9
0
votes
0
answers
74
views
Throwing ERR_BLOCKED_BY_ORB error while accessing html response in Ionic Capacitor
Context
We have a Content Player where we are loading online contents(html, js pdf audio, video). It was working perfectly untill few month back.
Issue
Now we are unable to access html contents where ...
- 1,871
-2
votes
0
answers
22
views
`linkWithCredential` method does not work inside capacitor
I'm making custom firebase microsoft provider auth, using Vue3 and Capacitor. My problem is that linkWithCredential method does not work inside capacitor. In normal browser, it is working and ...
- 458
-1
votes
0
answers
33
views
How to set Full Screen with Angular (ionic/Capacitor.js)
I am trying to set fullscreen with angular(ionic/capacitor.js)
divEle This is my div element
Below is my code.
/*
* This function is used for video full screen
*/
fullScreen() {
try{
if (!...
0
votes
0
answers
22
views
Capacitor white/black screen
I have just built app with vue and quasar. And I am using capacitor for mobile. On android everything work perfectly on emulator, internal and open testing.
For ios I am facing the issue. I have ...
- 9
0
votes
0
answers
55
views
Marker artefacting and poor rendering performance in Google Maps iOS SDK / Capacitor plugin
I have recently switched to @capacitor/google-maps plugin for Google Maps SDK to migrate my app to Capacitor Framework.
I encountered an erratic behavior with markers in the iOS implementation only (...
- 850
-2
votes
0
answers
28
views
How to get time progress in capacitor-video-player
I'm using capacitor-video-player for capacitor but i did not find any event listener related to video progress.
i was looking something like this
const video = document.querySelector("video&...
- 49
0
votes
0
answers
27
views
Error: Uncaught (in promise): FirebaseError: Firebase: Error (auth/internal-error)
I have a problem with phone authentication on my iOS device. When I click on my RecaptchaVerifier container, I get this error:
Uncaught (in promise): FirebaseError: Firebase: Error (auth/internal-...
0
votes
0
answers
18
views
Capacitor Android - Floating Keyboard
Im building a fullscreen android app using Capacitor and React JS. However I think in a typical fullscreen app in android, the keyboard will be floating by default as presented in apps like Fun Run or ...
- 33
0
votes
0
answers
32
views
Azure MSAL broker signature hash question
I am working through updating an Android application at my place of business. I am working with Azure SSO and I'm able to get the SSO working with a signature hash generated from the app's signing key....
0
votes
1
answer
24
views
printing using a TSC printer with Ionic/Capacitor
We have a TSC printer (TE210) we want to do silent label printing with. Our app is built with capacitor, and we couldn't find a plugin that helps with that yet; all printer plugins open the default ...
- 71
0
votes
0
answers
34
views
Capacitor and Google Analytics 4 GA4
We have implemented GTM in our PWA, which we have then built for Android and iOS using CapacitorJS.
While GTM is working well through Android, all traffic on iOS is being blocked by GTM. We believe ...
- 489
0
votes
1
answer
41
views
How to create floating window with Ionic framework using Capacitor.js to use the app over other apps
In ionic framework how would I create floating window (similar to GMap) in Android (and/or iOS) preferrably with Capacitor.js (as Cordova slowly deprecating).
If there's possibility of extended ...
1
vote
1
answer
59
views
What is the actual cause behind the error "Assertion failed: alias and its target must be located in the same section" when building an iOS app?
I have a hybrid app created with Ionic that was originally running on Cordova, but we moved it to Capacitor a year ago and everything has been working as expected. Recently, while trying to make ...
- 11
0
votes
0
answers
23
views
scheduling a local notification in capacitor v4 angular by receiving a response from listening to a websocket message while app is in background
So I have an angular android capacitor v4 application and when my user goes out of the app, my app successfully keeps on listening for their location change through a plugin I installed called "@...
-2
votes
0
answers
22
views
Capacitor.js in WSL - ERR_EMULATOR_HOME_NOT_FOUND: No valid Android Emulator home found
I am trying to make an Android app with Capacitor in WSL.
Steps taken:
Installed the Android Studio on Windows.
Installed the missing tools directory.
Updated the $PATH in ~/.bashrc with:
export ...
- 2,186
0
votes
2
answers
31
views
play audio with url src in ionic / capacitor apps
i'm using react with ionic / capacitor app this code is working fine on android ios and web
const audioRef = new Audio(
`data:${audioHex.mimeType};base64,${audioHex.recordDataBase64}`
);
...
0
votes
1
answer
122
views
Ionic Capacitor Build for ios creates empty Xcode workspace
Edit: Solved below, edited the question to help others googling for symptoms
ionic capacitor build ios creates empty Xcode workspace
I am migrating my Ionic app from cordova to capacitor. Following ...
- 21
-2
votes
0
answers
50
views
How to use an image to fill the whole screen size as splash screen for Android using Ionic 8/Capacitor?
I am using the latest version of Ionic, @capacitor/assets and @capacitor/splash-screen to generate and manage the icons and splash screen for Android and iOS. The icons are working well, but the ...
- 76
0
votes
0
answers
17
views
wrong introductoryEligibility when getting information from a sku with glassfy and capacitor
Glassfy Capacitor lib return GLASSFY_ELEGIBILITY.NON_ELEGIBLE for a SKU but click on purchase link show that introductory price is eligible
In the page showing products to buy I check the Eligibility ...
- 1
-2
votes
0
answers
39
views
Can not install ios app with capacitor, Error: You cannot run CocoaPods as root
when i start command
sudo npx cap sync
i am getting error with " You cannot run CocoaPods as root."
✔ Copying web assets from dist to ios/App/App/public in 1.89ms
✔ Creating capacitor....
- 15
-1
votes
0
answers
11
views
Ionic Condensed Header Background Color not correct
I am trying to set the condensed header in ionic Vue 8 to a specific Color. But it does not look correct with the iOS debounce effect. Do you have any solution for this issue?
Thank you for tour help!...
- 1
0
votes
0
answers
25
views
Storing JWT Refresh Token in Shared Mobile/Web Codebase
How should a JWT refresh token best be stored in-browser in a codebase that's shared between a web application and a Capacitor-built iOS & Android application?
On mobile, it's clear what to do -- ...
- 487
1
vote
2
answers
125
views
DevOps XCode@5 does not create .ipa file
I have a Capacitor app that I am trying to build through DevOps with the xcode@5 task. However, I am not getting an .ipa to be generated on completion of the task. What am I missing? Is there ...
- 509
-1
votes
0
answers
42
views
Ionic/Capacitor 8.2 - Java - Android - how to set status-bar style and color?
I am trying to set the status bar style and color for my android app in the Java code of an Angular/Ionic app.
Using the "Angular" way of setting the status bar color and style of my app in ...
- 309
-2
votes
0
answers
32
views
IOS - Make Non-Transparent Status Bar Capacitor & Next.JS
I have a IOS application that was created from a next.js website using Capacitor.
I have the folling capacitor configuration:
import type { CapacitorConfig } from '@capacitor/cli';
const config: ...
- 2,313
3
votes
0
answers
31
views
dynamically include or exclude capacitor plugins in a quasar webpack or vite project
I am trying to build an app that will both have a web spa and android apk. I am using quasar cli with webpack (also have an alternate with vite). I am using webpack since I could use require, I know ...
- 304
0
votes
0
answers
38
views
Ionic, how to close in-app browser in android.(capacitor/browser)
I am using capacitor/browser. and in document, it says browser.close() works on only web, ios.
Then how can i close browser in android??
Browser.open({ url: 'https://~~' });
setTimeout(() => {
...
- 29
1
vote
1
answer
32
views
Vuejs + capacitor blank page android
I have build my project and i see my capacitor config is right, but when run on android i get a blank page.
I tried to open index.html by path on chrome but i got same blank page, the console output ...
0
votes
0
answers
26
views
Subtitle shown wrong in ng-circle-progress
I have an Ionic app, and I've incorporated ng-circle-progress into one of its pages. I've included the following code:
<circle-progress *ngIf="workouts[currentIndex].video_en === 'Done'"
[...
-2
votes
1
answer
117
views
Trying ng add @angular/pwa to my Ionic - Capacitor App
I am trying to ng add @angular/pwa but fails with the following error, new to this. What can I do to solve this error?
ng add @angular/pwa
ℹ Using package manager: npm
✔ Found compatible package ...
- 1,676
0
votes
0
answers
24
views
Backswipe with Capacitor 6
Following this tutorial around january of 2024 with Capacitorjs version 5 helped me to add navigating back using backswipe on ios devices.
However now, using Capacitor 6, I'm no longer able to make it ...
- 576
0
votes
1
answer
64
views
Cross-Origin Token Redemption Error in Capacitor Native App with Azure AD
I'm developing a native application using Angular, Angular OIDC Client, and Capacitor, but I'm encountering an error during authentication with Microsoft Azure AD. The error message in my Xcode logs ...
- 1