web-dev-qa-db-fra.com

Impossible de se débarrasser de l'erreur Manifest.json manquante

Je construis un ASP.NET Core application avec ReactJs front-end dans Visual Studio 2017.

Récemment, j'ai commencé à remarquer le manifest.json erreur dans la console - voir ci-dessous. Cela ne semble pas affecter mon application, mais je veux me débarrasser de cette erreur. enter image description here

Si je regarde mon application dans Edge, je ne vois pas le manifest.json erreur donc cette erreur semble être contenue dans Chrome uniquement.

J'ai publié l'application sur Azure et à nouveau, dans Chrome, j'obtiens la même erreur mais pas dans Edge.

Une idée comment je peux le résoudre?

reactjsvisual-studiogoogle-chromeasp.net-coremanifest.json
7
Sam

Il y a très probablement une référence à manifest.json quelque part dans le projet, alors que le fichier/ressource lui-même n'existe pas.

Vérifiez si vous avez des balises link avec rel=manifest semblable à

<link rel="manifest" href="/manifest.webmanifest">

Le .webmanifest l'extension est spécifiée dans la section Enregistrement du type de média de la spécification, mais les navigateurs prennent généralement en charge les manifestes avec d'autres extensions appropriées comme .json.

c'est à dire

<link rel="manifest" href="/manifest.json">

et supprimez-le du code pour arrêter l'erreur.

Référence Manifeste de l'application Web

5
Nkosi

Le fichier manifest.json est probablement là où il est censé se trouver. La solution consiste à ajouter une entrée dans votre fichier web.config sous la section de contenu statique pour les fichiers .json.

<?xml version="1.0" encoding="utf-8" ?>
<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".json" mimeType="application/json" />
  </staticContent>
</system.webServer>
</configuration>

Si vous devez ajouter ou modifier votre fichier web.config, vous pouvez le faire en utilisant console de débogage Kud . (Remplacez votre application par votre application dans le lien)

Vous pouvez également lancer la console de débogage à partir du portail sous Outils de développement pour votre application: enter image description here

Si le fichier manifest.json est réellement manquant, vous pouvez le corriger en suivant les instructions de Google pour ajouter un fichier manifest.json.

Le manifeste d'application Web est requis par Chrome pour activer l'invite Ajouter à l'écran d'accueil dans une application Web.

3
Jon Crowell

En réaction, vous pouvez trouver manifest.json dans votre dossier public et un lien vers ce fichier dans index.html.

manifest.json fournit les métadonnées utilisées lorsque votre application Web est installée sur l'appareil mobile ou le bureau d'un utilisateur. Voir https://developers.google.com/web/fundamentals/web-app-manifest/

<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

0
jqIndy

ajoutez simplement crossorigin="use-credentials" donc cela ressemblera à: <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">

0
Nikolay Bronskiy