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

创建的反应应用程序

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

发出正在运行的javascript库（Photo sphere viewer）

1 个答案: