hello @reuelcardz, I had check your router and didn’t figure out any problem.
This is homepage:
This one is Order page.
and this one is Products page:
you are fix bug?
hello @reuelcardz, I had check your router and didn’t figure out any problem.
This is homepage:
This one is Order page.
and this one is Products page:
you are fix bug?
Glad to hear one of the issues is resolved in v5.6.13. For any other issues, I definitely recommend filing issues on GitHub with a code reproduction as that is the best way to ensure they get fixed. We are a small team, so it may take us a day or two to reply, but we do read every issue that comes in.
What do you mean “you are fix bug? ” and the way you push the routes are fine.
Mine are like this.
Order Page
Products Page
@reuelcardz I thought you already fix the bug.
which devVue version of chrome extension you are using for?
I am using the beta version, cause of ionic view wasn’t support or maybe some case was not call out by older dev vue version. So I must use beta vue one to debug my code.
For vue 2 I recommend using devtool vue old version (that one is okay)
But for ionic is using vue 3 to building project, so you must install vue beta. ( from my experience testing )
Nope, if you are not using deeplink to specific your app page. Once your push Notifications external app, and when your click to notifications.
That one is going always open default to your homepage without router to you already point to specific page and if you wanna router to specific page, you must combine with deeplink.
ps: in Android we are using deeplink. And in IOS we are using UniversalLink
Yes, I have done both those syncs. The above import and export code is in an included script module. The following code in my initialization Javascript code causes the app to fail on launch:
AdMob.initialize();
if (AdMob) {
alert("Admob success")
} else {
alert("Admob failed")
}
I added both. maybe this problem is on me I think. maybe i’ll try to reinstall the cli and see the result.
I see, thanks, but there are also some posts that say that push notification handlers don’t handle deep links. Also, what I currently do is route to specific tabs within the handlers for the push notifications in app.component.ts. If it doesn’t work there for regular routing, how does it work for deep links?
I am using vue, but it seems like it wasn’t required
Hi, I’m having an issue where the ios app of my ionic project does not show any images. Images work as intended on localhost web browser though. I am using ionic with VUE and the images are stored in the public/assets/img folder I made.
I run
npm run build
ionic build
ionic capacitor run ios
Hi,
I’m trying to make a simple Canvas Gauges capacitor page. I followed the steps for installing ng-canvas gauges (from here: Add A Realtime Gauge To Your Angular Project – Wayne Parrott) but I’m getting this error:
core.js:14965 NG0304: 'radial-gauge' is not a known element:
1. If 'radial-gauge' is an Angular component, then verify that it is part of this module.
2. If 'radial-gauge' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
GaugesModule
is imported to 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 { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';
import { GaugesModule } from 'ng-canvas-gauges';
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, GaugesModule],
providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
bootstrap: [AppComponent],
})
export class AppModule {}
I was reading some similar posts and some suggested videos (Like this: Using Custom Components on Multiple Pages in Ionic - YouTube) but I can’t make it to run without errors.
Any help? Thanks
I am not sure which post have you seen it said doesn’t need deeplink to route specific pages. But for me, push Notifications just help us make a push Notification, it didn’t help us create a deeplink except we must manually one to our app.
There is a capacitor docs tutorial: https://capacitorjs.com/docs/guides/deep-links
and there are example tutorials of Mr. Simmon:
https://devdactic.com/universal-links-ionic/
Solved, the app is case sensitive but the web browser server is not. I had it called asset.PNG for example but referenced it as asset.png and it did not work for IOS
hum…
How about reset or reinstall the extension?
I think the problem is about the extension, I think you should double-check on this.
Does you use typescript inside your project?
hi, I’m new to ionic and I’m learning a bit, can someone help me, the width and height are not working, is there any other way to use it?
.signup{
width: 85%;
height: 50px;
text-transform: none;
font-size: 1.6rem;
size: large;
}
A very broad question of something I’ve always wanted to build:
How does someone use Ionic Capacitor (Angular preferably as that’s the language I know!) to make an app that can:
I know this is v tricky through iOS because Apple wouldn’t let users do it (on the native Camera app at least) but I’ve seen people use apps for this purpose.
Many thanks :))
I have not found any public list for capacitor. I wanted to do some performance comparisons between capacitor, flutter and react native. My approach was to decompile potential capacitor apps with apktool and checked if the com.getcapacitor namespace was there…
At least of today I can say sworkit and justwatch are built with capacitor and ionic.
looks like this issue is still not solved. same error in my project now.
I understand that you have to implement the routing and the notification separately, but I don’t see why deep links would work any differently than the regular routing. This is what the handlers in app.component.ts
look like right now:
constructor(---some params---) {
--- some code ---
this.initializeApp();
---some more code---
}
initializeApp() {
--- some code ---
this.oneSignal.handleNotificationReceived().subscribe(data => this.notificationReceived(data));
this.oneSignal.handleNotificationOpened().subscribe(data => this.notificationOpened(data));
--- some more code ---
}
async notificationReceived(data: OSNotification) {
if (data.payload.title === 'Some title') {
await some_function();
this.router.navigate(['some/route/path']);
}
}
async notificationOpened(data: OSNotificationOpenedResult) {
if (data.notification.payload.title === 'Some title') {
this.router.navigate(['some/route/path']);
}
}
If the deep links would go in these event handlers as well, I don’t see why that would work over regular routing.
I have my own component that I created and would like to put it into the “end” slot of IonItem component. How do I do that?
example:
<IonItem>
<IonLabel>Some label</IonLabel>
<MyCustomComponent slot="end" />
</IonItem>
It automatically goes into the main slot. But I need the label to be in the main slot, because if I put the label in the “start” slot and the custom component in the main slot, the label gets cut off if it’s too long. And the label is important and shouldn’t be cut off with ellipsis.
Thanks!