Help - Not showing the splashscreen

I created an app with a sidemenu template, but it did not work.
My environment is configured like this:
Global packages:
@ Ionic / cli-utils: 1.2.0
Cordova CLI: 7.0.1
Ionic CLI: 3.2.0
Local packages:
@ Ionic / app-scripts: 1.3.7
@ Ionic / cli-plugin-cordova: 1.2.1
@ Ionic / cli-plugin-ionic-angular: 1.2.0
Cordova Platforms: android 6.2.3
Ionic Framework: Ionic-angle 3.3.0

Node: v6.10.3
OS: Windows 7
Xcode: not installed
Ios-deploy: not installed
Ios-sim: not installed

I created the app as follows:
C:>ionic start
? What would you like to name your project: emrota-app3
? What starter would you like to use: sidemenu
[WARN] Git CLI not found on your PATH. You may wish to install it to version control your app.
See installation docs for git: Git - Installing Git

   Use --no-git to disable this warning.

? Creating directory .\emrota-app3 - done!
[INFO] Fetching app base (
? Downloading - done!
[INFO] Fetching starter template sidemenu (
? Downloading - done!
? Updating package.json with app details - done!
? Creating configuration file ionic.config.json - done!
[INFO] Installing dependencies may take several minutes!

npm install
? Running command - done!
npm install --save-dev --save-exact @ionic/cli-plugin-ionic-angular@latest
? Running command - done!

? ♫ ? ♫ Your Ionic app is ready to go! ? ♫ ? ♫

Run your app in the browser (great for initial development):
ionic serve

Run on a device or simulator:
ionic cordova run ios

Test and share your app on a device with the Ionic View app:

? Link this app to your Ionic Dashboard to use tools like Ionic View? Yes
[OK] Run ionic link to link to the app.

Go to your newly created project: cd .\emrota-app3

C:>cd emrota-app3

C:\emrota-app3>cordova plugin add cordova-plugin-splashscreen
Adding cordova-plugin-splashscreen to package.json
Saved plugin info for “cordova-plugin-splashscreen” to config.xml

C:\emrota-app3>ionic serve
[INFO] Starting app-scripts server: --port 8100 --p 8100 --livereload-port 35729 --r 35729 --address - Ctrl+C to cancel
[21:44:17] watch started …
[21:44:17] build dev started …
[21:44:17] clean started …
[21:44:17] clean finished in 4 ms
[21:44:17] copy started …
[21:44:17] transpile started …
[21:44:23] transpile finished in 6.14 s
[21:44:23] preprocess started …
[21:44:23] deeplinks started …
[21:44:23] deeplinks finished in 33 ms
[21:44:23] preprocess finished in 37 ms
[21:44:23] webpack started …
[21:44:24] copy finished in 6.63 s
[21:44:42] webpack finished in 18.48 s
[21:44:42] sass started …
[21:44:44] sass finished in 1.97 s
[21:44:44] postprocess started …
[21:44:44] postprocess finished in 11 ms
[21:44:44] lint started …
[21:44:44] build dev finished in 26.75 s
[21:44:44] watch ready in 26.95 s
[21:44:44] dev server running: http://localhost:8100/

[21:44:50] lint finished in 6.26 s

Attached is the following:

Preformatted text

Please edit your post and use the </> button above the post input field to format your code or error message or wrap it in ``` (“code fences”) manually. This will make sure your text is readable and if it recognizes the programming language it also automatically adds code syntax highlighting. Thanks.

What did not work?

If you expected a splash screen to show in your browser: That is normal that it is only shown when running on mobile platforms like iOS or Android, not in the browser.

If I use the ionic view app, will I be able to see the splash screen?

No. You have to build your app yourself to get your own splashscreen.

I will build the app on the smartphone or in the android emulator. And then I comment if it worked.

Thank you.

1 Like