It is becoz of iframe , So created iframe using typescript inst of html, I hope It will be helpful for someone
var target = document.getElementById("iframeParent");
var newFrame = document.createElement("iframe");
newFrame.setAttribute("src", "srcstring");
newFrame.height="100%";
newFrame.width="100%";
newFrame.id="iframeView";
newFrame.setAttribute("frameBorder", "0");
if (target !== null) {
target.appendChild(newFrame);I don’t see anything that looks appropriate. Do you?
I keep getting this error whenever the app is launched. It doesn’t appear to cause any other issues but the error appears and I’d like to get it resolved before the deploying the app.
Angular is running in the development mode. Call enableProdMode() to enable the production mode.
/plugins/cordova-plugin-fcm-with-dependecy-updated/www/FCMPlugin.js:6 FCMPlugin.js: is created
/plugins/cordova-plugin-fcm-with-dependecy-updated/www/FCMPlugin.js:59 FCMPlugin Ready OK
vendor.js:114077 Ionic Native: deviceready event fired after 910 ms
Failed to load resource: the server responded with a status of 404 ()
polyfills.js:3040 Unhandled Promise rejection: Error Status 404: App not found ; Zone: <root> ; Task: Promise.then ; Value: Error: Error Status 404: App not found
at IonicDeployImpl.<anonymous> (/plugins/cordova-plugin-ionic/dist/common.js:291)
at step (/plugins/cordova-plugin-ionic/dist/common.js:37)
at Object.next (/plugins/cordova-plugin-ionic/dist/common.js:18)
at fulfilled (/plugins/cordova-plugin-ionic/dist/common.js:9)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (polyfills.js:2749)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (polyfills.js:2508)
at polyfills.js:3247
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (polyfills.js:2781)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (polyfills.js:2553)
at drainMicroTaskQueue (polyfills.js:2959) Error: Error Status 404: App not found
at IonicDeployImpl.<anonymous> (http://localhost/plugins/cordova-plugin-ionic/dist/common.js:291:35)
at step (http://localhost/plugins/cordova-plugin-ionic/dist/common.js:37:23)
at Object.next (http://localhost/plugins/cordova-plugin-ionic/dist/common.js:18:53)
at fulfilled (http://localhost/plugins/cordova-plugin-ionic/dist/common.js:9:58)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke (http://localhost/polyfills.js:2749:26)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.run (http://localhost/polyfills.js:2508:43)
at http://localhost/polyfills.js:3247:34
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (http://localhost/polyfills.js:2781:31)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (http://localhost/polyfills.js:2553:47)
at drainMicroTaskQueue (http://localhost/polyfills.js:2959:35)
api.onUnhandledError @ polyfills.js:3040
Here is my app.component code:
initializeApp() {
this.platform.ready().then(() => {
this.statusBar.styleDefault();
this.splashScreen.hide();
if (!firebase.apps.length) {
firebase.initializeApp(firebaseConfig);
const unsubscribe = firebase.auth().onAuthStateChanged( user => {
if (!user) {
this.router.navigateByUrl('login');
// unsubscribe();
} else {
this.router.navigateByUrl('tabs/itinerary-feed');
// unsubscribe();
}
});
}
});
}```
I've tried removing my node_modules and plugin folders and running
npm install @ionic/app-scripts@latest --save-dev to no avail.
I've read in some forums it may be a ngZone issue but doesn't provide any resolutions. Any help would be greatly appreciated.Hi ! i want to make login befor to enter in my app using API
Hello,
So i’m well aware of HttpClient as a module to send request to a REST API server. The thing is I have developed a REST API in Php and have it hosted in my bought web server. Whenever I send a get request from postman/browser, I get the desired response. However, when I try to send a get request from my ionic app. I’m faced with Http 406 error.
Can somebody try and send a request to this url: ‘http://pdcatapi.usc-dcis.com/hcf/read_one.php?hcfId=5’ ?
If you’re successful, kindly teach me how to do so as I’ve had this problem for 1 week now. And I am stuck.
Here are the screenshots of my codes:
Ionic-Angular-
PHP REST API
Desired response is {“id”:“5”,“name”:“Gullas Memorial Hospital”,“type”:null} of JSON type.
Thanks!
Bro why I am not able select the date from calendar?
This works for me
Thanks
Hey guys, brand new Ionic 4 app vanilla - wanted to import a scss file into my App.tsx file and getting this error:
import "./assets/stylesheets/styles.scss";
Module not found: Can't resolve './assets/stylesheets/styles.scss'
Do I need to add a specific loader to the ionic project so it recognizes scss files?
In the UX world, we refer to it as the thumb.
Hi. I’ve created an android app for a non touchable screen. The only way to interact with my app must be using a mouse or a keyboard.
I have a clickable element like: <ion-button (click)="openOptions()">Options</ion-button>.
Everything works with my mobile, but ‘click’ event doesn’t happen when I do a mouse click.
Thanks everyone.
yes the buy sell slider is called thumb but i guess i need find it in ionic =) thanks for ur support mate its test project im workin on a simulated trading app =)
Thank you!!! I got it to work following your explanation here. You are right, the definitive guide is difficult to understand (but I keep trying).
<ion-segment [value]="event.field">
<ion-segment-button
mode="ios"
(click)="changeField(d, e, i, event.options)"
*ngFor="let option of event.options; let i = index"
[value]="option.field"
[innerText]="option.field"
[attr.selected]="option.field"
>
</ion-segment-button>
</ion-segment>
I’m posting the updated code so anyone else who has a similar issue can follow along with the same variable names.
How did you do that?
I’m doing this:
this.bluetoothSerial.connect(macAddress).subscribe( () => {
this.bluetoothSerial.write(str).then( () => {
console.log('Ok: );
}, (error) => {
console.log('Error printing: ’ + JSON.stringify(error));
}).catch((error) => {
console.log('Catch printing: ’ + JSON.stringify(error));
});
}, (error) => {
console.log('Error conecting: ’ + JSON.stringify(error));
});
The console shows Ok but nothing is printed…
Dear,
we have a setup, where our app is required to connect to a remove REST-API on a server, which uses a self-signed certificate. As this is all within a closed, secured network, this is no issue security-wise. However, the app refuses to connect to the server.
We tried to import the root-certificate on the iPad, which works perfectly in Safari-Browser. But the app still refuses to connect, telling that the certificate is invalid.
Any hints or ideas how we can solve the issue are highly appreciated 
Thanks, Heiner
How about using Angular’s environment variables?
LetsEncrypt provides free certs. I would just use one of those.
This is fantastic! I was able to use the<ion-col [attr.size-lg]="some value === true ? 12 ? 6"> to dynamically change the column widths based on content and it’s AMAZING!!!
The base href stuff.
See if the problem persists using HTTPS instead of HTTP.