I always receive this error once i upload the new build in the server.
It will only works only after i clear the cache.
1 post - 1 participant
↧
Ionic 3 Cordova App stops working in the browser after a new deployment is uploaded.I always have to clear the cache using an extension to see the changes I made to the server
↧
Debug work perfectly on android studio but Run app doesn't work
Hi all,
I have a client that request to build an Android aab to uploaded to google play.
However, Debug work perfectly on android studio but Run app doesn’t work.
I have tried to build both ./gradlew assembleRelease and ./gradlew assembleDebug and both not working!!
Only if I run debug through android studio the app works.
=> ionic info
[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package'
Require stack:
- /home/ahmed/.nvm/versions/node/v12.22.10/lib/node_modules/@ionic/cli/lib/project/index.js
- /home/ahmed/.nvm/versions/node/v12.22.10/lib/node_modules/@ionic/cli/lib/index.js
- /home/ahmed/.nvm/versions/node/v12.22.10/lib/node_modules/@ionic/cli/index.js
- /home/ahmed/.nvm/versions/node/v12.22.10/lib/node_modules/@ionic/cli/bin/ionic
Ionic:
Ionic CLI : 6.19.0 (/home/ahmed/.nvm/versions/node/v12.22.10/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.2.2
@angular-devkit/build-angular : 0.803.8
@angular-devkit/schematics : 7.3.9
@angular/cli : 8.3.8
@ionic/angular-toolkit : 2.0.0
Capacitor:
Capacitor CLI : 2.2.0
@capacitor/android : 2.2.0
@capacitor/core : 2.2.0
@capacitor/ios : not installed
Cordova:
Cordova CLI : 11.0.0
Cordova Platforms : none
Cordova Plugins : no whitelisted plugins (0 plugins total)
Utility:
cordova-res : not installed globally
native-run : 1.5.0
System:
Android SDK Tools : 26.1.1 (/home/ahmed/Android/Sdk)
NodeJS : v12.22.10 (/home/ahmed/.nvm/versions/node/v12.22.10/bin/node)
npm : 6.14.16
OS : Linux 5.4
1 post - 1 participant
↧
↧
Cannot bind v-model with ion-select
<ion-select
cancel-text="Annuler"
ok-text="Confirmer"
v-model="test"
required
>
<ion-select-option
v-for="(item, index) in stors"
:key="index"
:value="item.name"
>{{ item.name }}</option>
</select>
{{test}}
<script >
//import { useRouter } from "vue-router";
import axios from "axios";
import {
IonContent,
IonPage,
IonInput,
IonCol,
IonGrid,
IonRow,
} from "@ionic/vue";
import { defineComponent } from "vue";
export default defineComponent({
name: "ProfileDetailsPage",
components: {
IonContent,
IonPage,
IonInput,
IonCol,
IonGrid,
IonRow,
},
data() {
return {
test: "???",
};
},
...}
Ionic:
Ionic CLI : 6.19.0 (C:\Users\Asus\AppData\Roaming\npm\node_modules\@ionic\cli)
Ionic Framework : @ionic/vue 6.0.1
i don’t know what is wrong ? is there any way to fix it ?
1 post - 1 participant
↧
BiometricActivity: cannot access OnConfigurationChangeProvider
My application has not compiled for some time.
I get this error
The env is:
- Android
- tools version 30
- sdk version 30
- sdk min version 30
- ionic cli version 6.16.3
What can I do?
1 post - 1 participant
↧
Gamepad API with Ionic
Hi!
I am relatively new to Ionic and need some help with my Ionic project.
My goal is to “listen” to PlayStation remote in my ionic app (using HTML 5 Gamepad API)
Unfortunately, there is no Cordova plugin or any examples of how this can be done with ionic.
But there is an angular library that I found, which can do it:
My problem is how to import / make this library work in Ionic 5 + Cordova.
Would be great if someone could point me into the right direction…
Thanks in advance!
2 posts - 2 participants
↧
↧
How to make ion item from unread to read using (ionSwipe), then push the read item to list bottom?
Help me with this!
Every time user swipe ion item it should toast item read then then push it to list bottom.
1 post - 1 participant
↧
Blur background image without blurring content
I am trying to add blur filters to the background image. here’s my code
CSS:
.intro {
--background: url(https://source.unsplash.com/random/?friends) no-repeat
center center;
--background-size: cover;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.bg-image {
background-image: var(--background);
filter: blur(8px);
-webkit-filter: blur(8px);
-o-filter: blur(8px);
-moz-filter: blur(8px);
}
React Component:
<IonPage>
<IonContent className="intro">
// I tried to position this div outside the page but has no effect
<div className="bg-image" />
Now, I tried defining the --background variable but it doesnt seem to work and doesnt display any image . I could only use the variable inside of IonContent So, When i tried to apply blur filters inside of intro class which is associated with IonContent it ends up blurring the whole screen every element inside Ion content. My only option was to seperate out blur filters into div like its suggested in few other related questions but it has no effect. I’ll appreciate some help figuring this out
1 post - 1 participant
↧
IonDatetime presentation mode
Hello.
I need to implement a time picker, not a date picker. So, I use:
<IonDatetime presentation="time" value={props.horaFin.current} onIonChange={e => props.horaFin.current = (e.detail.value!)}></IonDatetime>
But I get this error log:
Property ‘presentation’ does not exist on type ‘IntrinsicAttributes & IonDatetime & Pick<HTMLAttributes, “children” | … 251 more … | “onTransitionEndCapture”> & IonicReactProps & RefAttributes<…>’.
Why there is not presentation property? Thanks.
1 post - 1 participant
↧
Bring application to foreground when receiving push notification
Hi,
I am trying to bring my Capacitor 3 + Angular app in to the foreground when receiving a data only push message. The aim is to present the user with a “Phone ringing” screen like a normal call. I have been able to code in the push messages and have them receive and process but this is all when the app is running. I have tried using cordova plugin - background mode but it causes Gradle compile errors. I’m not sure where to go next
1 post - 1 participant
↧
↧
Routing with Tab does not work properly
When I tried to have a default route of / and a subroute with tabs
When the page goes back to root route, the Tab still remains but the page is empty
App.tsx
<IonApp>
<IonReactRouter>
<Route path="/auth">
<Auth />
</Route>
<Route exact path="/">
<Login />
</Route>
</IonReactRouter>
</IonApp>
Tabs.tsx
<IonPage>
<IonReactRouter>
<IonTabs>
<IonRouterOutlet>
<Route exact path="/auth/reports">
<Reports />
</Route>
<Route exact path="/auth/create">
<Create />
</Route>
<Route exact path="/auth/account">
<Account />
</Route>
<Route exact path="/auth">
<Redirect to="/auth/reports" />
</Route>
</IonRouterOutlet>
<IonTabBar slot="bottom">
<IonTabButton tab="reports" href="/auth/reports">
<IonIcon icon={barChart} />
<IonLabel>Reports</IonLabel>
</IonTabButton>
<IonTabButton tab="tab2" href="/auth/create">
<IonIcon icon={addCircle} />
<IonLabel>Create</IonLabel>
</IonTabButton>
<IonTabButton tab="account" href="/auth/account">
<IonIcon icon={person} />
<IonLabel>Account</IonLabel>
</IonTabButton>
</IonTabBar>
</IonTabs>
</IonReactRouter>
</IonPage>
The login page work properly / Root route, but when being routed to /auth then going back to / Login page, the page goes black, but the URL was already been change, I use useHistory of react-router-dom to navigate programaticaly.
Does someone encountered this error?
Any solution to this? 
This is the result when navigating back to login page which is /
1 post - 1 participant
↧
Alert e Toast não funcionam (Ionic V6 Angular) [RESOLVIDO]
Estou tentando utilizar o Alert e o Toast. mas, Quando chamo eles na aplicação, não aparece nada na tela. mas, também não gera nenhum erro.
Print do código:
3 posts - 2 participants
↧
Ionic 3 ,Node.js 16.14.2 ,install failed
↧
Ionic cordova admob plus plugin and package confusion
I am using this plugin “@awesome-cordova-plugins/admob-plus” for the admob service in my ionic app, but the docs ref to website which states for another package which is @admob-plus/ionic
Also cordova plugin name on ionic docs is “cordova-admob-plus” but its “admob-plus-cordova” on the admob plus docs website. here: Installation | AdMob Plus
the same website mentioned in the native page of the admob plus plugin on ionic website.
I am now confused about which one to use because first I tried the one inside @awesome-cordova-plugins/admob-plus but it has several APIs missing and is not very rich, and I got an error when trying to run Admob without adding > declare var admob on top of my component.
Plus is showing an error on ERROR TypeError: admob.on is not a function where on() method exist in the module.
Brief, I need to know which one is the correct package, note that I tried the second package (on the admob plus website) “@admob-plus/ionic” and the plugin of it, but it didn’t work with andoird app bundle when I install the apk the app shows white screen.
link to github issue:Ionic cordova app built as android app bundle doesn't work [Shows white screen] when admob-plus-cordova plugin is installed · Issue #512 · admob-plus/admob-plus · GitHub
1 post - 1 participant
↧
↧
How to Improve App Performance
Originally published at: How to Improve App Performance - Ionic Blog
As a Developer Advocate, a common question or comment I hear from folks is, “My app is slow. How can I fix it?” While this may seem like a clear or concise question, it’s quite complex and can lead to a lot of back and forth about the app in question. Given that I’ve been…
1 post - 1 participant
↧
Ion-input style
when i select from saved data (email, password, …) i get the ion-select value style like displayed in the image below
how can i remove this style?
1 post - 1 participant
↧
Data table with ionic (vue)
Hi, I would like to know if there is any feature in ionic to create data table. I’m asking because I couldnt find anything usefull and I need to create dynamic data table for my android app.
Regards
1 post - 1 participant
↧
Can I change the app splash screen dynamically after installation?
I want to change the splash screen based on the logged in user, Can I do that in Ionic ?
1 post - 1 participant
↧
↧
Why Ionic doesn't use latest Chrome on Android
I have developed a sample app using latest ionic angular version v6. I have a Sunmi device having android os version 7.1.2. But this latest ionic app not using the chrome but it’s still using the android webview despite of installing the latest version of chrome in Sunmi device.
1 post - 1 participant
↧
Ionic start - Stuck at "npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead."
Everytime I do “ionic start”, it gets stuck at
npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
Then it doesn’t do anything. For hours. (I left my computer on over night).
It doesn’t matter if I try with templates or without.
Even the web wizard isn’t able to create a project for me. (see picture 2)
How can I fix this?
It sucks because I wanted to use this as part of my personal programming project in college. It doesn’t seems to have many ressources online.
1 post - 1 participant
↧
[INFO] Waiting for connectivity with react-scripts
See this error message, I work around it by running the npm script directly but I am running into this on my new projects
aaronksaunders@Aarons1ProM1Pro mobile % ionic info
[WARN] Error loading @capacitor/android package.json: Error: Cannot find module '@capacitor/android/package'
Require stack:
- /opt/homebrew/lib/node_modules/@ionic/cli/lib/project/index.js
- /opt/homebrew/lib/node_modules/@ionic/cli/lib/index.js
- /opt/homebrew/lib/node_modules/@ionic/cli/index.js
- /opt/homebrew/lib/node_modules/@ionic/cli/bin/ionic
Ionic:
Ionic CLI : 6.19.0 (/opt/homebrew/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/react 6.0.13
Capacitor:
Capacitor CLI : 3.4.3
@capacitor/android : not installed
@capacitor/core : 3.4.3
@capacitor/ios : 3.4.3
Utility:
cordova-res : not installed globally
native-run : 1.5.0
System:
NodeJS : v17.2.0 (/opt/homebrew/Cellar/node/17.2.0/bin/node)
npm : 8.4.1
OS : macOS Monterey
aaronksaunders@Aarons1ProM1Pro mobile %
1 post - 1 participant
↧