I am experiencing an issue with the splash screen not displaying in my Ionic Vue project using Capacitor. Despite following the standard setup instructions, the splash screen does not appear when the app is launched.
- The splash screen is not showing up at all when the app is started.
- I have verified that the necessary plugins are installed and configured according to the – Ionic documentation.
- I have tried various troubleshooting steps, including clearing the build cache, reinstalling dependencies, and double-checking the configuration in capacitor.config.ts.
<code>import { Capacitor } from '@capacitor/core';
const config: CapacitorConfig = {
appId: 'com.example.app',
appName: 'MyApp',
webDir: 'dist',
bundledWebRuntime: false,
plugins: {
SplashScreen: {
launchShowDuration: 3000,
launchAutoHide: true,
backgroundColor: '#ffffff',
androidSplashResourceName: 'splash',
androidScaleType: 'CENTER_CROP',
showSpinner: true,
androidSpinnerStyle: 'large',
iosSpinnerStyle: 'small',
spinnerColor: '#999999',
splashFullScreen: true,
splashImmersive: true,
},
},
};
export default config;
</code>
<code>import { Capacitor } from '@capacitor/core';
const config: CapacitorConfig = {
appId: 'com.example.app',
appName: 'MyApp',
webDir: 'dist',
bundledWebRuntime: false,
plugins: {
SplashScreen: {
launchShowDuration: 3000,
launchAutoHide: true,
backgroundColor: '#ffffff',
androidSplashResourceName: 'splash',
androidScaleType: 'CENTER_CROP',
showSpinner: true,
androidSpinnerStyle: 'large',
iosSpinnerStyle: 'small',
spinnerColor: '#999999',
splashFullScreen: true,
splashImmersive: true,
},
},
};
export default config;
</code>
import { Capacitor } from '@capacitor/core';
const config: CapacitorConfig = {
appId: 'com.example.app',
appName: 'MyApp',
webDir: 'dist',
bundledWebRuntime: false,
plugins: {
SplashScreen: {
launchShowDuration: 3000,
launchAutoHide: true,
backgroundColor: '#ffffff',
androidSplashResourceName: 'splash',
androidScaleType: 'CENTER_CROP',
showSpinner: true,
androidSpinnerStyle: 'large',
iosSpinnerStyle: 'small',
spinnerColor: '#999999',
splashFullScreen: true,
splashImmersive: true,
},
},
};
export default config;