Are you using java 16?
I don’t think it’s compatible with Android development at the moment.
↧
When run this command( ionic capacitor run android -l --external ) getting some errors. Please help me to solve
↧
Is the accessory bar meant to show without adding the Keyboard plugin?
The keyboard plugin disables the accessory bar by default.
If the arrows don’t take you to the last fields, that’s likely an Apple bug, the plugin just hides or shows the bar, but shouldn’t affect its behaviour.
↧
↧
Capacitor Browser can't open itms-apps:// links (to the App store)
The answer you link is for InAppBrowser plugin, that is a Cordova plugin and it’s totally different from Capacitor’s Browser plugin. Browser plugin can only open http/https urls.
If you want to open other apps, you can use AppLauncher plugin
↧
Capacitor live-reload for IOS launch browser instead of webview
can you share your capacitor.config.json? I’ve never seen that behaviour.
↧
Data Binding in Angular and React
Hello everyone,
I just wanted to know about the pros and cons of Angular and React, As I would Like to convert my Site Hyundai Service Abu Dhabi To a different framework so can anyone give me a suggestion and tips??
↧
↧
Cant build blank projects anymore
Hello,
regardless if i try cordova or capacitor blank projects, the angular-build always fails. I had this issue once on a windows machine, now i got it on a mac.
$ ionic cordova run android
ng run app:ionic-cordova-build --platform=android
Browser application bundle generation complete.
Browser application bundle generation complete.…/…/…/…/#workspace/#Apps/planzeit-App/myApp/node_modules/@angular-devkit/build-angular/src/webpack/jit-polyfills.js - Error: Module build failed (from …/…/…/…/#workspace/#Apps/planzeit-App/myApp/node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js):
Error: Cannot find module ‘/Users/louisspieckerhoff/Desktop/Desktop/#workspace/#Apps/planzeit-App/myApp/node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js’
Require stack:…
…/…/…/…/#workspace/#Apps/planzeit-App/myApp/src/main.ts - Error: Module build failed: Error: Cannot find module ‘/Users/louisspieckerhoff/Desktop/Desktop/#workspace/#Apps/planzeit-App/myApp/node_modules/@angular-devkit/build-angular/src/babel/webpack-loader.js’
Require stack:…
…/…/…/…/#workspace/#Apps/planzeit-App/myApp/src/polyfills.ts - Error: Module build failed: Error: Cannot find module ‘/Users/louisspieckerhoff/Desktop/Desktop/#workspace/#Apps/planzeit-App/myApp/node_modules/@ngtools/webpack/src/ivy/index.js’
Require stack:…
…/…/…/…/#workspace/#Apps/planzeit-App/myApp/src/global.scss - Error: Module build failed: Error: Cannot find module ‘/Users/louisspieckerhoff/Desktop/Desktop/#workspace/#Apps/planzeit-App/myApp/node_modules/mini-css-extract-plugin/dist/loader.js’
Require stack:…
…/…/…/…/#workspace/#Apps/planzeit-App/myApp/src/theme/variables.scss - Error: Module build failed: Error: Cannot find module ‘/Users/louisspieckerhoff/Desktop/Desktop/#workspace/#Apps/planzeit-App/myApp/node_modules/css-loader/dist/cjs.js’
Require stack:…
[ERROR] An error occurred while running subprocess ng.
ng run app:ionic-cordova-build --platform=android exited with exit code 1.
Re-running this command with the --verbose flag may provide more information.
This is my ionic info:
Ionic:
Ionic CLI : 6.17.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.6.14
@angular-devkit/build-angular : 12.1.4
@angular-devkit/schematics : 12.1.4
@angular/cli : 12.1.4
@ionic/angular-toolkit : 4.0.0
Cordova:
Cordova CLI : 10.0.0
Cordova Platforms : not available
Cordova Plugins : not available
Utility:
cordova-res : not installed globally
native-run : 1.4.0
System:
ios-deploy : 1.10.0
ios-sim : 8.0.2
NodeJS : v14.17.5 (/usr/local/bin/node)
npm : 6.14.14
OS : macOS Big Sur
Xcode : Xcode 12.5.1 Build version 12E507
I tried everything - even uninstalling node, npm and angular-cli… i really have no clue on how to solve it 
↧
Which is the best ecommerce platform to build an ionic app from?
I suggest you build ton Magento. mobile app. it’s really great because I use it personally. and we have done our new mobile app by magento. it’s very popular. If you want to cheap rat buying product you can visit our store
↧
Adding more slidesPerView causes wrong index number vue ionic slides
I’m trying to create a category and subcategory sliders with Ionic Vue. To show appropriate subcategory when category is selected, I’m using getActiveIndex(). When I have one slider per view I’m able to get the slider index correctly. But when I add more sliders per view, I get the same slider index.
Any help appreciated!
Here is my category and subcategory
<ion-content>
<div style="padding: 0px; margin: 0px">
<ion-label style="padding: 5%;">Category</ion-label>
<ion-slides
style="padding: 0px; margin: 0px; padding-bottom: 10%"
pager="true"
:options="slideOpts"
v-model="subcatName"
@ionSlideDidChange="getSlideIndex($event)"
>
<ion-slide
style="padding: 0px; margin: 0px"
v-for="(category, k) in categories"
:key="k"
>
<div class="item">
<ion-card class="card-size">
<ion-card-content class="card-content">
<img
:src="'/assets/images/' + category.icon"
style="height: 70%; width: 70%; padding: 5%; margin: auto"
/></ion-card-content>
</ion-card>
<span class="caption"> {{ category.name }}</span>
</div>
</ion-slide>
</ion-slides>
</div>
<br />
<div v-if="currentSubcat != ''" style="padding: 0px; margin: 0px">
<ion-label style="padding: 5%;">Sub Category</ion-label>
<ion-slides
style="padding: 0px; margin: 0px; padding-bottom: 10%"
pager="true"
:options="slideOpts"
>
<ion-slide
style="padding: 0px; margin: 0px"
v-for="(currentSubcat, k) in currentSubcat"
:key="k"
>
<div class="item">
<ion-card class="card-size">
<ion-card-content class="card-content"> </ion-card-content>
</ion-card>
<span class="caption"> {{ currentSubcat }}</span>
</div>
</ion-slide>
</ion-slides>
</div>
</ion-content>
And this is getSlideIndex
getSlideIndex(event) {
event.target.getActiveIndex().then((index) => {
this.currentIndex = index;
this.currentIndex == "0"
? (this.currentSubcat = this.A)
: console.log("error");
this.currentIndex == "1"
? (this.currentSubcat = this.B)
: console.log("errorB");
this.currentIndex == "2"
? (this.currentSubcat = this.C)
: console.log("errorC");
this.currentIndex == "3"
? (this.currentSubcat = this.D)
: console.log("errorD");
console.log(this.currentSubcat);
});
},
slide options here
const slideOpts = {
initialSlide: 0,
speed: 400,
slidesPerView: 1,
spaceBetween: 3,
centeredSlides: false,
};
↧
beforeRouteUpdate and beforeRouteLeave never called
Hard to say what the issue is without being able to reproduce it myself. Can you provide a GitHub repo?
↧
↧
Ion-toast custom position exit animation over ion-tab
When I have a toast:
async presentSetsToast() {
const toast = await this.toastController.create({
message: `All sets completed.`,
cssClass: 'toast-class',
duration: 3000,
color: 'dark'
});
await toast.present();
}
with the cssClass:
.toast-class {
font-size: large;
transform: translateY(-50px);
text-align: center;
}
where the translateY moves the toast above the ion-tab bar as seen in the video, the animation is as expected when I do ionic serve on localhost - the tab bar appears and disappears beneath the tab bar. However when I deploy it and open it on my iPhone’s safari/serve it on my iPhone using Capacitor, the toast goes over the tab bar and the exit animation is buggy.
↧
Sc-ion class changes app style
Hi Andy, I wrote up an issue here:
and referenced these posts from the forum. I am going to keep looking into it as well and will let you know if I make any progress.
↧
Cordova App icon is showing default cordova app
Hi,
i am building app using cordova and ionic . i have added icon.png and splash image under resources folder and i had run ionic resources to generate icons and splash images. i have also included icon-1024.png(1024px, 1024px) in config.xm file for play store icon.
Now when i upload the app to app store connect, the app icon is showing default cordova icon.
can anyone suggest what is gone wrong?.. thanks in advance.
↧
Is it possible to integrate Capacitor into an existing iOS/Android App?
I’m consider migrating certain native views/component in my App to PWA. I’m looking for a good native engine to run PWAs that will allow creating plugins, etc…
I stumbled upon capacitor and it seems to be just what I wanted. But all the Getting Started, etc… mention starting with a web App.
Is there a guide to integrate some of Capacitor features into an existing App to gradually migrate native views into PWAs?
Thanks!
↧
↧
Fail to install ionic 3 signed app on android 11
Can anyone help me on this ?
↧
Is the accessory bar meant to show without adding the Keyboard plugin?
Thank you for the reply! When I did not add Capacitor and just used the Ionic app as an Angular PWA served on Safari, the arrows worked as expected… what would be the cause of this?
↧
Capacitor live-reload for IOS launch browser instead of webview
↧
Sc-ion class changes app style
Thank you, I really appreciate it!
↧
↧
Is the accessory bar meant to show without adding the Keyboard plugin?
Does it happen if you uninstall the plugin?
↧
Capacitor live-reload for IOS launch browser instead of webview
Does sitename?query redirect somewhere else?
↧
Capacitor live-reload for IOS launch browser instead of webview
it points to my server www folder where the ionic index.html is served from
↧