84 votes

Lors de l'ajout d'une bibliothèque Javascript, Chrome se plaint d'une carte de source manquante, pourquoi ?

Mon code

<html>
  <head>
    <!-- Load TensorFlow.js -->
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script> 
    <!-- Load Posenet -->
    <script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/posenet"></script> 
 </head>

  <body>
    <img id='cat' src='./pose/images/aa_085.jpg'/>
  </body>
  <!-- Place your code in the script tag below. You can also use an external .js file -->
  <script>
    var flipHorizontal = false;

    var imageElement = document.getElementById('cat');

    posenet.load().then(function(net) {
      const pose = net.estimateSinglePose(imageElement, {
        flipHorizontal: true
      });
      return pose;
    }).then(function(pose){
      console.log(pose);
    })
  </script> 
</html>

J'utilise rarement le HTML et le JS, j'ai presque oublié la plupart des principes de base, est-ce que quelqu'un peut me faire remarquer mon erreur ? Informations sur les erreurs jointes.

DevTools n'a pas réussi à charger SourceMap : Impossible de charger le contenu de https://cdn.jsdelivr.net/npm/@tensorflow/tf.min.js.map : Erreur HTTP : code d'état 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

94voto

GAURAV MOKASHI Points 971

Cela a fonctionné pour moi

Allez dans inspect -> paramètres -> décochez 'enable javascript source maps' et 'enable css source map'.

Rafraîchir.

(Note : Désactivez adBlock si le processus ci-dessus ne fonctionne pas).

41voto

Ivan Points 93

Les fichiers les plus récents sur JsDelivr se voient ajouter automatiquement le plan des sources à la fin de ceux-ci. C'est très bien ainsi et cela n'entraîne pas d'avertissement lié au SourceMap dans la console tant que vous chargez les fichiers depuis JsDelivr. Le problème ne se pose que lorsque vous copiez puis chargez ces fichiers depuis votre propre serveur. Afin de résoudre ce problème pour les fichiers chargés localement, il suffit de supprimer la dernière ligne du ou des fichiers JS téléchargés depuis JsDelivr. Cela devrait ressembler à quelque chose comme ceci :

//# sourceMappingURL=/sm/64bec5fd901c75766b1ade899155ce5e1c28413a4707f0120043b96f4a3d8f80.map

Comme vous pouvez le voir, il est commenté mais Chrome l'analyse quand même.

22voto

Valeri Voev Points 1200

Voici ce qui a fonctionné pour moi : au lieu de

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>

essayez

<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs/dist/tf.min.js"> </script>

Après ce changement, je ne vois plus l'erreur.

15voto

Adarsh Bhalani Points 311

J'ai également rencontré le même type de problème pour le fichier javaScript de kendo Telerk Ui. Pour cela, vous devez faire , Décochez les options "Enable JavaScript et "Activer la carte source CSS". de l'élément inspecter comme indiqué dans l'image et rafraîchissez la page Web.

In setting of Inspect elelment

Unchecked the 'Enable JavaScript source maps' and 'Enable CSS source map'

7voto

aladin Points 11

Quand c'est ennuyeux avec des avertissements comme : DevTools failed to load SourceMap: Could not load content for http://********/bootstrap/4.5.0/css/bootstrap.min.css.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Suivez ce chemin et supprimer que délicat /*# sourceMappingURL=bootstrap.min.css.map */ en bootstrap.min.css

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X