ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
51.1k stars 13.51k forks source link

Black screen is appearing while app starting in ionic 3? #13281

Closed sudhan-ionic closed 7 years ago

sudhan-ionic commented 7 years ago

Like this Black screen is appearing while app starting in ionic 3

screenshot_2017-10-20-17-57-13_720-1

kensodemann commented 7 years ago

Hello! Thank you for opening an issue with us! Would you be able to provide a sample application via GitHub that demonstrates the issue you are having? Thanks for using Ionic!

sudhan-ionic commented 7 years ago

videotogif_2017 10 30_16 52 19

kensodemann commented 7 years ago

Thank you for the reply. I will need a sample application via GitHub to help you out, however. The screenshots don't really help all that much.

Does this happen when you just fire up an application created from one of our starter application without any modification?

sudhan-ionic commented 7 years ago

ok

sudhan-ionic commented 7 years ago

Sorry, How to fire a project via git can you help me???

kensodemann commented 7 years ago

I am not sure what version control system you are using now. I assume git, but if not then learning enough git to commit your changes locally will be a good idea (if you don't know git, you should learn it, it is a good skill to have on your resume). There are several tutorials for git if you Google around. For example: https://try.github.io. The official documentation is here: https://git-scm.com

If you already know how to use git, but don't know how to use GitHub, then the best place to start is here: https://help.github.com

Basically, you will do this:

  1. create a sample app (example: ionic start show-blank-screen-bug tabs). This will create the project with a local git repo
  2. create a repo on GitHub and follow the instructions to associate your local repo with the remote repo on GitHub
  3. duplicate this issue
  4. commit your changes to your local repo as you go
  5. when ready, push your changes from your local repo to the remote repo on GitHub
sudhan-ionic commented 7 years ago

here is project in github https://github.com/sudhan-ionic/Black-screen-in-ionic

kensodemann commented 7 years ago

Thank you for providing that repo. That was very helpful. I believe you are talking about the blank screen that comes up before the splash screen.

Here is some more information on that: https://stackoverflow.com/questions/30342933/blank-screen-comes-before-splash

I am going to close this issue as this is not an Ionic Framework issue since this occurs before the application even launches. You can try some of the theming stuff mentioned in the SO article.

sudhan-ionic commented 7 years ago

I slove my issues Thanks kensodemann

sudhan-ionic commented 7 years ago

Here I have attached my solution I hope it will helpful to you. https://techionichybride.blogspot.in/2017/11/how-to-reduce-black-screen-while-app_8.html

ghost commented 6 years ago

IonicModule.forRoot(MyApp, { preloadModules: true })

Do that and thank me later :)

sudhan-ionic commented 6 years ago

where I want to place this code @selotoprak

ghost commented 6 years ago

app.module.ts file

sudhan-ionic commented 6 years ago

ok fine i will do it

ghost commented 6 years ago

This issue is only exist when using lazy loading.

ghost commented 6 years ago

[cid:08BB729A-0A1E-464C-A5B2-525780A6F7A1]

On Dec 19, 2017, at 8:10 PM, sudhan-ionic notifications@github.com<mailto:notifications@github.com> wrote:

[image]https://user-images.githubusercontent.com/33175538/34190948-a6b65ea2-e569-11e7-925a-c4f2d820bc09.png Like this Correct

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHubhttps://github.com/ionic-team/ionic/issues/13281#issuecomment-352959745, or mute the threadhttps://github.com/notifications/unsubscribe-auth/AeWhRsG7PukaHUiLueI6rAx5IhCetW3uks5tCIi-gaJpZM4QKw7Q.

sudhan-ionic commented 6 years ago

Like this correct @selotoprak

image

AhmedHamedTN commented 6 years ago

@sudhan-ionic no, it is already declared in your imports above ... under BrowserModule

ionitron-bot[bot] commented 6 years ago

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.