javascript - 运行 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安装。

聚苯乙烯。我有一个由 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