Angular2 + AFrame: registerComponent

Question

我已经让A-Frame在我的Angular2项目中工作得很好，但是现在我正在尝试注册第三方软件包。具体地说，我有npm的"aframe-stereo-component“，但现在我需要实现这段脚本。

<script>
  var AFRAME = require('aframe');
  var stereoComponent = require('aframe-stereo-component').stereo_component;
  var stereocamComponent = require('aframe-stereo-component').stereocam_component;

  AFRAME.registerComponent('stereo', stereoComponent);
  AFRAME.registerComponent('stereocam', stereocamComponent);
</script>

我将它添加到我的index.html中，但是它似乎不起作用。这有点超出我的理解，我需要帮助。aframe-stereo-component on Git的Oscarmarinmiro道具

Answer 1

src="https://cdn.rawgit.com/oscarmarinmiro/aframe-stereo-com‌​ponent/6db3472a/dist‌​/aframe-stereo-compo‌​nent.min.js“....是组件的正确导入。谢谢@Don_McCurdy

Answer 2

直接在浏览器中添加NPM require('foo')语句是行不通的，这种方法需要一个像Browserify或Webpack这样的捆绑器。如果您还没有使用模块捆绑器，我只需要直接包含一个脚本即可。

<script src="https://cdn.rawgit.com/oscarmarinmiro/aframe-stereo-component/v0.3.1/dist/aframe-stereo-component.min.js"></script>

如果这个脚本包含在A-Frame本身之后，它应该可以“正常工作”，而不需要你注册任何东西。您可以在JS控制台勾选AFRAME.components['stereo']进行确认。

需要注意的是，最好不要从以这种方式使用的URL中删除"https://“或"http://”前缀。