I am using Ionic 2, I started a blank application which has hello world text, I have changed the home.html as well as the home.ts.
But still when I do ionic serve, it still shows me the initial state which has hello world label.
Is there some form of caching, or am I missing some clean and build step?
Needless to say that I am new to Ionic.
ionic serve rebuilds every time you save. If your app hasn't changed, you either haven't saved the changes, or the build failed. Search the messages coming from ionic serve for syntax errors, etc
Related
I have created a ionic react app for cross-platform mobile apps , and using https://dashboard.ionicframework.com/ to generate builds
on home page, changed complete design and data.
now when I generate new build, for ios/android first it shows updated page and data
but when I refresh screen with pull to refresh it changes back to old design and data
and some time going to another screen and than coming back to home screen it shows old stuff
while the web version works fine
don't know whats happening here
You need to do ionic build first then npx cap sync.It sounds like you haven't build it yet.
If I make changes to the HTML/CSS/JS code of my ionic code, will the customer have to update the app or will it be updated dynamically?
As far as I know, we just push a website into an app and deploy it. When we change the code of your website and deploy it, the website changes show up automatically.
I wonder if Ionic runs the same way? Some people suggest that it is just running the app in a web view. So the app is intact, I change the website, what will it do?
I really want to know about this because we are trying to modernise our application. Our application depends on the server too much for view rendering and for all the logic. I want to make the client a little independent but at the same time keep the changes dynamic like they are right now.
Thank you so much.
So the error occurs only after I firebase deploy the web folder of my Flutter app. Below are some helpful screenshots.
The app is just a simple app that only displays an image. It works well in dev mode. I manually put the image in web/assets as well in an attempt to debug.
The output on live website is a total blank page with the below errors. The header title is correct though.
I think basically the browser is looking for a route/file called '/flutter.js'. What can cause this? This does not happen in another simple app that I built with firebase and flutter.
I deployed the web folder instead of the build/web folder
We ran ionic build --prod for an Ionic Angular project to generate the www folder on a Debian 10 server. Set up the domain and everything works properly.
The problem is that when opening the app in Chrome and sometimes in Safari as well on desktop, the icons, buttons and some other elements don’t show up the same as on localhost when testing with ionic serve. Specifically, a new class is added to some elements “sc-ion” that causes problems in the UI (e.g. the icons don’t have the right line-height, the buttons’ text has a different color, etc.). Please see below some screenshots.
Do you know how we can remove the sc-ion class and keep the styling consistent with what gets displayed with ionic serve on localhost? I look forward to hearing your feedback.
Thanks for your help,
Andy
Hotjar was causing the issues.
I have an Ionic app which I currently serve as a web app by doing ionic serve
I have few questions about it:
By default in the served web app, it takes the iOS layout, can it be changed to the android layout instead? How?
In the android version of y ionic app when I do ionic serve --lab, some of the bottom part of the content is somehow cut off (I can not scroll till the end), however it looks perfect in iOS version. Why does this happen and how can I fix it?
When I try to make an APK out of it as mentioned in the following link http://ionicframework.com/docs/guide/publishing.html , I get a blank app on my android device. What could be the reason?
ionic serve --platform android
Are you taking in account that iOS scroll "stretches"? I mean, even when the scroll is all way down, you still can pull the content up. Maybe your content is indeed hidden (specially if you are using a footer bar. Actually, if you are using a footer bar, try to add a margin-bottom for your content equal your footer bar height.).
Have you checked if this happens when you run ionic run android? If this command works, try to run cordova prepare android before following the publishing procedure. If the command does not work, open chrome://inspect on your computer's chrome browser (with the device connected to your computer and running your app) and debug it to check if your code is being packed with the apk and/or the app is yielding some error messages.