There are several tools out there to inspect JavaScript bundles: webpack-bundle-analyzer is one. I would suggest the first step being figuring out what is hogging up so much space in your app binary.
↧
Deploying ionic as browser. vender.js is too big to load
↧
Stencil Electron net::ERR_FILE_NOT_FOUND
Can someone please help? I created a new stencil project from scratch this morning, then added Capacitor and Electron and got the same error. I know Electron support is in beta, but has anybody been able to get this working?
My app connects to an ESP32 microcontroller and consumes an API there over TLS. Because of my self-signed certificate, I can’t do any of this in the browser, so I need another approach - like Electron.
↧
↧
Using a StencilJS project with Electron for Capacitor
You’re supposed to be able to set the baseURL (https://stenciljs.com/docs/www) to address this, I think, but I’m having similar issues. When I modified the index.html file changing all /build and /asset references to build and asset I was able to get further, but then I ran into similar path issues in the router.
↧
Need Help: Add text in same row
Hello,
Could someone help me to add same text highligted in yellow (Mobile) in my screenshot just above country code “33” the text must be in same line (row) than “Mobile” text.
In fact I would like to duplicate same text “Mobile” in the green area, I will later change teh text by “Country”, I know how to proceed for this.
The texte “Mobile” is generated by this part:{{‘register.mobileno’ | translate}}
I don’t know how to proceed, you help will be welcome!!!
Here is the extract of the html page (written by my old developper):
<!-- <ion-label stacked>{{'register.country' | translate}}</ion-label> -->
</ion-col>
<ion-row style="padding-left:12px; padding-right: 16px; ">
<ion-col col-2>
<ion-item class="country">
<!-- <ion-input type="Number" value="" formControlName="countrycode" >+33</ion-input> -->
<ion-select cancelText="{{'offer.cancel' | translate}}"
style=" padding: 0px !important; position: relative; top: 8px;"
[selectedText]="user.get('countrycode').value" formControlName="countrycode"
interface="action-sheet">
<ion-option value="33">France(+33)</ion-option>
<ion-option value="32">Belgium(+32)</ion-option>
<ion-option value="41">Switzerland(+41)</ion-option>
</ion-select>
<ion-icon name="ios-arrow-down" item-end class="arrow"></ion-icon>
</ion-item>
</ion-col>
<ion-col col-10>
<ion-row style="width: 140%;">
<ion-col col-8>
<ion-item style="padding: 0px !important; left: 26px;">
<ion-label stacked>{{'register.mobileno' | translate}}</ion-label>
<ion-input (input)="unverify()" type="Number" id="maininput" value="" formControlName="mobileno">
</ion-input>
<ion-input type="text" disabled value="0" id="displayinput"></ion-input>
</ion-item>
↧
Appflow ignores strings from config.xml (Bluetooth Usage Description)
Sounds like this beyond HTML/CSS/JS changes. You’ll need to redeploy a binary for this.
↧
↧
How to prototype an Idea with Hobby subscription
You can’t deploy to iOS without a cert. Best to make a PWA and work with that for your idea. If you really want to put it on a device. With Android you can install the APK on your phone.
↧
Debugging app in chrome dev tools stop working
I have the same problem. But I make a new Ionic app and run in other Genymotion device and I can debug with the Chrome Inspect. I have this problem with an application that I maintain
↧
Capacitor/Cordova Splash Screen delay?
Great!! Works fine for me! thanks
↧
Ion Slides in Super tabs Ionic 4
Hey guys I have got the solution and working also… but getting an error on first time compiling… here it is…
In ts file
tabConfig: SuperTabsConfig = {
allowElementScroll: true,
shortSwipeDuration: 180,
dragThreshold: 40,
};
In html were we have defined the supertabs,
<super-tabs [config]=“tabConfig”>
and now on compiling its giving this error
ERROR in src/app/pages/homepage/homepage.page.ts:21:13 - error TS2304: Cannot find name ‘SuperTabsConfig’.
** 21 tabConfig: SuperTabsConfig = {**
~~~~~~~~~~~~~~~
Any solution…???
↧
↧
Ionic v4 WIndows phone display not working
Hello Everyone,
I have issue on ionic v4 in this whenever i execute ionic --lab command it will only display iOS and Android platform not display windows phone platform please help how to fixed it.
Here is my ionic details,
Ionic CLI :- 6.9.2
Ionic Framework :- @ionic/angular 4.11.10
NodeJS :- v12.16.2
npm :- 6.14.4
↧
Can't hide scroll bar
No, safari does not allow.
↧
Fingerprint Authentication Login Page Touch Id / Client Id Ionic Android/IOS
@constantinlucian Hello,i’m working on the same thing like you did ,did you figured out how to get the client ID ,Thanks in advance
↧
Add Url in cache
How to add a url or page in cache for offline use ionic 4??
↧
↧
How to make a certain tab active when app loads
i want is when a my loads first time the dashboard page has three tabs.From these three on of the tab should be active. but i don’t know how to make that happen.
my tab-bar code :
<ion-tabs>
<ion-tab-bar slot="bottom">
<ion-tab-button tab="explore">
<ion-icon src="../../assets/no upcoming ride/icon-explore@3x.svg"></ion-icon>
<ion-label>Explore</ion-label>
</ion-tab-button>
<span class="border-left"></span>
<ion-tab-button tab="suggested" class="tab-btn2">
<ion-icon src="../../assets/no upcoming ride/icon-suggested@3x.svg"></ion-icon>
<ion-badge>1</ion-badge>
<ion-label>Suggested</ion-label>
</ion-tab-button>
<span class="border-right"></span>
<ion-tab-button tab="upcoming">
<ion-icon src="../../assets/no upcoming ride/icon-upcoming@3x.svg"></ion-icon>
<ion-label>Upcoming</ion-label>
<ion-badge>2</ion-badge>
</ion-tab-button>
</ion-tab-bar>
</ion-tabs>
my ionic info :
Ionic:
Ionic CLI : 6.9.3 (C:\Users\faizan\AppData\Roaming\npm\node_modules@ionic\cli)
Ionic Framework : @ionic/angular 5.0.7
@angular-devkit/build-angular : 0.803.26
@angular-devkit/schematics : 8.3.26
@angular/cli : 8.3.26
@ionic/angular-toolkit : 2.2.0
Capacitor:
Capacitor CLI : 1.5.2
@capacitor/core : 1.5.2
Cordova:
Cordova CLI : not installed
Cordova Platforms : android 8.1.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 8 other plugins)
Utility:
cordova-res : 0.9.0
native-run : 0.3.0
System:
NodeJS : v12.16.1 (C:\Program Files\nodejs\node.exe)
npm : 6.14.4
OS : Windows 10
↧
Ionic ios app getting rejected for UIWebview
Hello guys… any solution found for this issue… It’s getting worse issue now… Please help…
↧
Unable to build/run ionic cordova app on android
what is the error ?
explain your issue !!
↧
Ionic 4 - Nested Tabs Relative Routes
Stick to only one row of tabs. Multiple rows create jumping UI elements, which destroy spatial memory and thus make it impossible for users to remember which tabs they’ve already visited. Also, multiple rows are a sure symptom of excessive complexity: If you need more tabs than will fit in a single row, you must simplify your design.
This is not the scenario we are dealing with, the tabs are not two rows, they are totally separate sections on the site, the initial section with laets say a companies/people/reports
and sub section s of each of thoes placed at the top, organisation[lists/clniics/banks/etc]…
↧
↧
Mauron85 background geolocatoin
thanks this worked for me.
↧
Ionic 4 - Nested Tabs Relative Routes
and the tabs are highllighted to indicate I’m on organisations bottom and the top tab ligghts up for it’s relevant sections…
↧
Woocommerce checkout fields
How can i integrate woocommerce custom checkout fields with the app?
↧