Pourquoi n'y a-t-il pas de page de démarrage Uniapp sur la vraie machine ?

Avec le développement de l'Internet mobile, l'APP est devenue un élément indispensable dans la vie des gens. En tant que « visage » de l'APP, la page de démarrage joue un rôle très important lors de l'ouverture de l'APP. Elle peut non seulement laisser une première impression profonde à l'utilisateur, mais également prolonger la durée de séjour de l'utilisateur. Cependant, lors de l'utilisation d'uniapp pour développer des applications, de nombreux développeurs signalent que la page de démarrage peut être affichée normalement dans le simulateur, mais ne peut pas être affichée sur la machine réelle. Résolvons ce problème ensemble.

1. Confirmez si le chemin de l'image est correct

Tout d'abord, nous devons confirmer si le chemin de l'image est correct. Dans uniapp, les images de la page de démarrage sont généralement enregistrées dans le répertoire "static". Si le chemin de l'image est mal configuré, la page de démarrage ne peut pas s'afficher normalement. Afin d'éviter ce problème, nous pouvons utiliser des chemins relatifs ou des chemins absolus pour les références d'image.

Si on utilise un chemin relatif pour référencer une image, il faut ajouter "/" avant le nom de l'image pour indiquer par rapport au répertoire racine de la page courante :

<img src="/static/image/logo.png">

Si on utilise un chemin absolu pour référencer une image, vous devez indiquer le chemin complet, par exemple :

<img src="https://www.example.com/image/logo.png">

2. Confirmez si le fichier de configuration de l'APP est correct

S'il n'y a pas de problème avec le chemin de l'image, nous devons confirmer davantage si le fichier de configuration de l'APP est correct. Le fichier de configuration est généralement enregistré dans "/manifest.json". Par exemple, nous devons ajouter le code suivant au fichier de configuration pour spécifier la page de lancement de l'APP :

"app": {
  "launch_path": "/pages/index/index",
  "background_color": "#ffffff",
  "navigation_bar_title_text": "uniapp启动页",
  "pages": [
    "pages/index/index"
  ]
}

Parmi eux, le champ "launch_path" spécifie le chemin de la page de lancement de l'APP puisque uniapp est développé sur la base de small. programmes, le chemin de la page de lancement doit être Il s'agit d'un chemin de page, c'est-à-dire le chemin commençant par "/pages" et se terminant par ".vue".

Si le champ "launch_path" n'est pas ajouté au fichier de configuration ou si le chemin est mal configuré, la page de lancement ne s'affichera pas normalement.

3. Confirmez si la version de l'APP a expiré

Si les deux situations ci-dessus sont éliminées et que la page de démarrage ne peut toujours pas s'afficher normalement, cela peut être dû à la version de l'APP expirée. Dans le développement uniapp, si la version de l'APP expire, la page de démarrage sera automatiquement masquée, ce qui l'empêchera de s'afficher correctement.

Afin de résoudre ce problème, nous devons ajouter le code suivant au fichier "pages.json":

"window":{
  "backgroundTextStyle":"light",
  "navigationBarBackgroundColor": "#fff",
  "navigationBarTitleText": "uniapp启动页",
  "navigationBarTextStyle":"black",
  "onReachBottomDistance":50,
  "enablePullDownRefresh":false,
  "disableScroll":true
},

Parmi eux, le champ "disableScroll" indique s'il faut désactiver le défilement des pages si la valeur est définie sur ". vrai", l'application peut être résolue. Problèmes de page de démarrage causés par des versions obsolètes.

En général, si la page de démarrage d'uniapp ne peut pas être affichée normalement sur la machine réelle, nous devons résoudre progressivement le problème et vérifier le chemin de l'image, le fichier de configuration de l'application, la version de l'application et d'autres problèmes pour garantir que la page de démarrage peut être affiché normalement, laissant une première impression profonde offre aux utilisateurs une meilleure expérience utilisateur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!