6

我想在我的项目中使用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

4

1 回答 1

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
于 2021-02-01T15:18:44.587 回答