Angular VideoJs VR导入问题

Question

不过，这可能是个愚蠢的问题。

我是 Angular 的新手，目前在尝试使用 VideoJs VR 时遇到了一些问题。虽然 VideoJs 工作正常，但当尝试将 VR 用于 360 度视频时，控制台中出现以下错误： (( video.es.js:97 VIDEOJS: 错误: TypeError: three_examples_js_effects_VREffect_js__WEBPACK_IMPORTED_MODULE_8___default.a 不是构造函数))

Screenshot: Console Error

这是我包含 VideoJs 文件的方式：

import {Component, OnInit} from '@angular/core';
import videojs from 'video.js';
import 'videojs-vr';

@Component({
  selector: 'app-video-player',
  templateUrl: './video-player.component.html',
  styleUrls: ['./video-player.component.scss']
})
export class VideoPlayerComponent implements OnInit {

  player: videojs.player;

  constructor() {
  }

  ngOnInit(): void {
    this.player = videojs('videojs-vr-player');
    this.player.mediainfo = this.player.mediainfo || {};
    this.player.mediainfo.projection = '360';
    this.player.vr({projection: 'AUTO', debug: true, forceCardboard: false});
  }

}

edit_1:

Three 中不存在这些文件，可能还有更多文件，解决方案是降级 Three 吗？如果是这样，我会尝试并关闭我的问题。

node_modules/videojs-vr/dist/videojs-vr.es.js::

import VREffect from 'three/examples/js/effects/VREffect.js';
import OrbitControls from 'three/examples/js/controls/OrbitControls.js';

edit_2:

所以我很愚蠢，文件是存在的，videojs-vr 有它自己的 node_modules 这个特定的过时的三个版本。

Answer 1

最后尝试修复它，如果发现这个：https://fmoralesdev.com/2019/10/23/using-external-js-files-in-angular/ 所以是的，它现在可以工作了，我只需要正确地包含它。

感谢@Gytis TG 的帮助

Angular VideoJs VR导入问题

Angular VideoJs VR import problems

three.js

video.js

angular