Javascript cdn 资源失败答案

【问题标题】：Javascript cdn resource failJavascript cdn 资源失败
【发布时间】：2020-07-27 03:26:49
【问题描述】：

我按照说明进行操作，但是报错是这样的

我的代码：

<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_090.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>

这完全一样 https://github.com/tensorflow/tfjs-models/tree/master/posenet

请帮我一个忙

【问题讨论】：

同样的错误，看起来 CDN 出现故障。你能下载所有需要的外部资源并上传到你的主机上吗？
嗨，我应该运行服务器吗？我认为这只是一个简单的静态html页面，如果我选择使用CDN资源，我不需要运行服务器，对吧？
@Pierre 我对 HTML 完全陌生，请指导我如何下载所需的外部资源
我可以从两个位置获取 js 文件，现在试试可能是服务器有问题cdn.jsdelivr.net/npm/@tensorflow/tfjs cdn.jsdelivr.net/npm/@tensorflow-models/posenet
然后，我需要把它放进去吗？

标签： javascript html devtools

【解决方案1】：

我尝试了相同的代码 sn-p，它对我来说没有任何问题，当我检查时，cdn 似乎也在工作，所以问题可能是几件事：

您的图片在指定位置不存在
您尝试此操作时出现网络问题
由于 cors 在本地获取图像时出现问题：https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS/Errors/CORSRequestNotHttp

如果问题仍然存在，请尝试下载 CDN 和图像并通过以下方式托管它，

在你的文件目录中运行：python -m SimpleHTTPServer 8000
转到 localhost:8000/yourfile.html

如果有任何问题，请恢复

【讨论】：