我的代码
<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>
很少使用HTML和JS，几乎忘记了最基本的东西，谁能好心的指点一下我的傻瓜？错误信息附后。
DevTools加载SourceMap失败。Could not load content for https:/[email protected]: HTTP错误：状态码404，net::ERR_HTTP_RESPONSE_CODE_FAILURE。
这对我来说是有效的：而不是
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
尝试
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs/dist/tf.min.js"> </script>
经过这样的改变，我不再看到这个错误了。
当我试图使用coco-ssd时，我也有类似的问题。我认为这个问题是由于版本引起的。我把tfjs的版本改成0.9.0，coco-ssd的版本改成1.1.0，然后就成功了。(你可以在.net上搜索posenet的版本。https:/www.jsdelivr.compackagenpm@tensorflow-modelsposenet。)
<!-- 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>
试着看看在隐身模式下是否有效。如果可以，那就是最近的Chrome浏览器的一个错误。在我的电脑上，以下修复方法有效。
在我的情况下，我不得不停用AdBlock，但它工作正常。
而Valeri的修复方法虽然有效，但只是针对tfjs。
如果你希望使用body-pix或任何其他tensor-flowmodels，你也会面临同样的问题。这也是一个开放性的问题，团队正在努力修复。
https:/github.comdequelabsax-coreissues1977。
但是，如果你在降级版本方面没有问题的话（如果有人想使用body-pix），从最新的 文件，下面两个链接都能正常使用，因为我也测试过了。
<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>