Help - Not showing the splashscreen

Ionic Native
1

Hello,
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

System:
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 (https://github.com/driftyco/ionic2-app-base/archive/master.tar.gz)
? Downloading - done!
[INFO] Fetching starter template sidemenu (https://github.com/driftyco/ionic2-starter-sidemenu/archive/master.tar.gz)
? 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:
http://view.ionic.io

? 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 0.0.0.0 - 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:

image
image1366Ă—2222 325 KB
Preformatted text

2

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.

3

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.

4

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

5

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

6

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

Thank you.

1 Like