0

所以，我试图在第 8 面墙上获取一些文本的位置，它一直错误地显示为“null”，但是当我在 aframe 中记录相同的内容时，它工作得很好。

Aframe HTML & JS

//-- HTML
<a-text id="text" value="This my text" position="-1.5 4 -5" color="#000" scale="1.5 1.5 1.5"></a-text>

//-- JS
const text = document.querySelector('#text');
console.log(text)

8th Wall HTML & JS

//-- HTML
<a-text id="text" value="This my text" position="0 0 0" color="#000" scale=".4 .4 .4"</a-text>


//-- JS
const text = document.querySelector('#text');
console.log(text)

Aframe 给了我

<a-text id="text" value="This is how text works!" position="-1.5 4 -5" color="#000" scale="1.5 1.5 1.5">

下拉更多信息，但第 8 面墙给了我这个

▼ Uncaught TypeError: Cannot read property 'getAttribute' of null at Object。app.js:15:26 在webpack_require引导在（匿名）引导在（匿名） dist_b10037af710deed478c4f4e425bebc2509497cc1-8e90da767df8e9b631034f88b9b150fc_bundle.js

4

1 回答 1

0

没关系，我解决了！

如果其他人在您从 your-component-file.js 导出组件并将其导入 app.js 时遇到同样的问题，请确保您还将组件的名称添加到 HTML 中的场景中

所以像这样我碰巧使用 text-anim.js 和 textAnimComponent

//-- in text-anim.js
const textAnimComponent = () => ({
  init() {
   // with all of your functions in here
  },
})
export {textAnimComponent}

//-- in app.js
import {textAnimComponent} from './text-anim.js'
AFRAME.registerComponent('text-anim', textAnimComponent()) 


//-- in body.html
<a-scene
  text-anim // note: here is where you add your component
  xrextras-gesture-detector
  xrextras-almost-there
  xrextras-loading
  xrextras-runtime-error
  renderer="colorManagement:true"
  xrweb="disableWorldTracking: true">

 // with all of your other entities

</a-scene>
于 2021-08-06T14:22:05.710 回答