Angular2 + AFrame : registerComponent

저는 Angular2 프로젝트에서 A-Frame을 잘 사용하고 있습니다. 그러나 이제 제 3 자 패키지를 등록하려고합니다. 특히 "aframe-stereo-component"에는 npm이 있지만 지금은이 스크립트를 구현해야합니다.Angular2 + AFrame : registerComponent

<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에 추가했으나 작동하지 않았습니다. 이것은 내 머리 위로 조금이며 도움을 사용할 수 있습니다. Oscarmarinmiro에게 aframe-stereo-component on Git

출처

2017-02-01 KitCat

브라우저에 NPM'require ('foo')'문을 직접 추가하면 브라우저 식 또는 Webpack과 같은 번들러가 필요합니다. 아직 모듈 번들을 사용하고 있지 않다면'' –

Angular-CLI를 사용하고 있습니다. 이처럼 구현 된 두 가지 패키지가 있습니다. 이제는 요구 사항이 적절하지 않다고 생각하지만 아직 A- 프레임에 구성 요소를 등록하는 방법을 알아 내려고하고 있습니다. 지금은 문서에서 내 구성 요소를 만드는 방법을 이해하려고합니다. "AFRAME.registerComponent ('위치', { 스키마 : {유형 : 'VEC3'}, 업데이트 : 함수() { VAR object3D = this.el.object3D; ... – KitCat

나는 가져 오기를 사용하려 @Don_McCurdy 그러나 , 내 콘솔에서 404 오류가 발생했습니다.> 나는 하루 종일 여기에있었습니다.

– KitCat

src = "https://cdn.rawgit.com/oscarmarinmiro/aframe-stereo-compotent/6db3472a/ dist/aframe-stereo-compo nent.min.js".... 구성 요소에 대한 올바른 가져 오기 감사합니다 @Don_McCurdy

출처

2017-02-06 21:26:47 KitCat

에 대한 프롭은 NPM require ('foo') 문을 브라우저에 직접 추가해도 작동하지 않습니다.이 접근법에는 Browserify 나 Webpack과 같은 번들러가 필요합니다. 아직 모듈 번들러를 사용하고 있지 않다면 스크립트를 직접 포함하기 만하면됩니다. 이 스크립트는 A-프레임 자체 이후에 포함 된 경우

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

, 그것은 아무것도 등록 할 필요없이 그냥 일을 '해야한다. JS 콘솔에서 AFRAME.components['stereo']을 확인하여이를 확인할 수 있습니다.

이 방법으로 사용 된 URL에서 "https : //"또는 "http : //"접두사를 제거하지 않는 것이 좋습니다.

출처

2017-02-02 03:55:56

''할 것 같았다. 트릭을! 나는 AFRAME.components [ '스테레오'] "그리고 그것은 옳았고, 그래서 나는 경주를 떠났습니다. 고맙습니다. 미^ᆺ^삼 – KitCat

Angular2 + AFrame : registerComponent

답변

관련 문제