Mijn 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>
Gebruik zelden HTML en JS, vergeet bijna de meest fundamentals, kan iemand aan mijn dwaas wijzen? Fout info bijgevoegd.
Devtools kan Sourcemap niet laden: kon geen inhoud laden voor https: //cdn.jsdelivr.net/npm/@tensorflow/tf.min.js.map : HTTP-fout: Statuscode 404, NET :: err_http_response_code_failure
1, Autoriteit 100%
Dit is wat voor mij werkte:
in plaats van
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
Probeer
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs/dist/tf.min.js"> </script>
Na die wijziging zie ik de fout niet meer.
2, Autoriteit 382%
Dit werkte voor mij
Ga naar Inspecteren – & GT; Instellingen Gear – & GT; Schakel ‘Enable JavaScript Source Maps’ en ‘Inschakelen CSS SOURCE MAP’.
vernieuwen.
(OPMERKING: Adblock deactiveren als het bovenstaande proces niet werkt.)
3, Autoriteit 105%
Nieuwere bestanden op JSDELIVR krijgen de sourcemap automatisch aan het einde van hen toegevoegd. Dit is prima en gooit geen sourcemap-gerelateerde kennisgeving in de console zolang u de bestanden van JSDELIVR laadt.
Het probleem treedt alleen voor wanneer u kopieert, laadt deze bestanden van uw eigen server. Om dit te verhelpen voor lokaal geladen bestanden, verwijdert u eenvoudig de laatste regel in het JS-bestand (en) dat is gedownload van JSDELIVR.
Het moet er zoiets uitzien:
//# sourceMappingURL=/sm/64bec5fd901c75766b1ade899155ce5e1c28413a4707f0120043b96f4a3d8f80.map
Zoals je kunt zien, is het gereageerd, maar Chrome parseert het nog steeds.
4, Autoriteit 27%
In mijn geval moest ik adblock deactiveren en het werkte prima.
5, Autoriteit 18%
Wanneer het irritant is met waarschuwingen zoals:
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
Volg dit pad en Verwijderen dat lastig
/*# sourceMappingURL=bootstrap.min.css.map */in bootstrap.min.css
6, Autoriteit 9%
Ik had een soortgelijk probleem toen ik probeerde met Coco-SSD te werken. Ik denk dat dit probleem wordt veroorzaakt door de versie. Ik veranderde de versie van TFJ’s tot 0.9.0 en Coco-SSD-versie tot 1.1.0 en het werkte voor mij. (U kunt zoeken naar Posenet-versies op: https: //www.jsdelivr. com / pakket / NPM / @ TensorFlow-modellen / Posenet )
<!-- Load TensorFlow.js-->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]"></script>
<!-- Load the coco-ssd model. -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/[email protected]"</script>
7, Autoriteit 9%
In mijn geval moest ik REACT Dev-tools verwijderen van Chrome om te stoppen met het zien van de vreemde fouten tijdens de ontwikkeling van react-app met behulp van een lokale Express-server met een Create-React-App-client (die WebPack gebruikt).
In het belang van de Gemeenschap heb ik een sanitair gecontroleerd en gehouden alles – Server / Client Server / Chrome – en toen opende ik Chrome en reageerde Reagact Dev-gereedschappen … Begonnen dingen back-up en ik zie dit funky adres en fout opnieuw:
8, Autoriteit 5%
Terwijl, de oplossing volgens Valeri werkt, maar het is alleen voor TFJ’s.
Als je body-pix of andere tensor-flow/modellen verwacht, zou je hetzelfde tegenkomen. Het is ook een openstaand probleem en het team werkt aan de oplossing!
https://github.com/dequelabs/axe-core/issues/1977
Maar als je geen problemen hebt met het degraderen van de versie (als iemand body-pix wil gebruiken) van de nieuwste docs, hieronder werken beide links prima omdat ik hetzelfde heb getest:
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/[email protected]/dist/tf.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/[email protected]"></script>
Antwoord 9, autoriteit 5%
Probeer te zien of het werkt in de incognitomodus. Als dit het geval is, is het een bug in recent Chrome. Op mijn computer werkte de volgende oplossing:
- Chrome afsluiten
- Verwijder je volledige Chrome-cachemap
- Chrome opnieuw starten
Antwoord 10
In mijn geval een gebroken url gevonden in de lay-out.
Antwoord 11
Ik krijg deze waarschuwing in Angular als ik het volgende uitvoer:
ng serve --sourceMap=false
Oplossen:
ng serve