运行 javascript 库（照片球查看器）时出现问题

Question

我想在我的项目中使用Photo Sphere Viewer。 于是我就跑了

npm i photo-sphere-viewer

似乎已经下载了模块。

然后在我的项目中我做了：

import PhotoSphereViewer from 'photo-sphere-viewer/dist/photo-sphere-viewer';

但是我收到错误：

编译失败。

Error in ./~/photo-sphere-viewer/dist/photo-sphere-viewer.js
Module not found: 'D.js' in /home/ghy/WebstormProjects/mia-map/node_modules/photo-sphere-viewer/dist

 @ ./~/photo-sphere-viewer/dist/photo-sphere-viewer.js 9:4-55

谁能帮我找出问题所在吗？

PS。我认为以下行引起了问题（在 photo-sphere-viewer.js 内）：

  if (typeof define === 'function' && define.amd) {
    define(['three', 'D.js', 'uevent', 'doT'], factory);
  }

但我什至很惊讶为什么它会进入这个

if

，因为我不知道我已经安装了

require.js

。

PPS。我有一个由

create-react-app

创建的 React 应用程序

Answer 1

我的与 webpack 一起使用：

import { Viewer } from 'photo-sphere-viewer';

const viewer = new Viewer({
    container: document.querySelector('#viewer'),
    panorama: 'path/to/photo.jpg'
});

您可以使用npm或yarn安装

npm install photo-sphere-viewer
# or
yarn add photo-sphere-viewer

Answer 2

您可以在您的项目中添加以下cdn