“PhotoSphereViewer：无效的 XMP 数据”和“WebGL：INVALID_VALUE：texImage2D：错误的图像数据”

如何解决“PhotoSphereViewer：无效的 XMP 数据”和“WebGL：INVALID_VALUE：texImage2D：错误的图像数据”

我像 facebook 一样使用 Photo Sphere Viewer 显示全景照片，但遇到了一些问题。

这是我的代码：

这是我的代码：

<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8.1.3/dist/polyfill.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uevent@2.0.0/browser.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.115.0/build/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/photo-sphere-viewer@4/dist/photo-sphere-viewer.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/photo-sphere-viewer@4/dist/photo-sphere-viewer.css">
<div id="photosphere"></div>
<script>
new photosphereViewer.Viewer({
  panorama: 'https://terrafrost.sfo2.digitaloceanspaces.com/20200618_131549.jpg',container: 'photosphere',caption: 'Parc national du Mercantour <b>&copy; damien Sorel</b>',loadingImg: 'https://terrafrost.sfo2.cdn.digitaloceanspaces.com/photosphere-logo.gif',defaultLat: 0.3,touchmoveTwoFingers: true,mousewheelCtrlKey: true,});
</script>

当我运行此代码时，我在 JS 控制台中遇到错误：

• photosphereViewer：无效的 XMP 数据（来自 psv.js:11）
• WebGL：INVALID_VALUE：texImage2D：错误的图像数据（来自three.min.js:130）

关于我做错了什么或我需要做什么的任何想法？

谢谢！