Javascript aframe hiro标记不能与nuxt.js一起使用

Javascript aframe hiro标记不能与nuxt.js一起使用,javascript,nuxt.js,augmented-reality,aframe,Javascript,Nuxt.js,Augmented Reality,Aframe,我浏览了Ar.js文档()并尝试在nuxt.js上实现基于标记的示例 我的项目中的index.vue <a-scene embedded arjs> <a-marker preset="hiro"> <a-entity position="0 0 0" scale="0.05 0.05 0.05" gltf-model="ht

我浏览了Ar.js文档()并尝试在nuxt.js上实现基于标记的示例

我的项目中的index.vue

  <a-scene embedded arjs>
    <a-marker preset="hiro">
      <a-entity
        position="0 0 0"
        scale="0.05 0.05 0.05"
        gltf-model="https://arjs-cors-proxy.herokuapp.com/https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/scene.gltf"
      ></a-entity>
    </a-marker>
    <a-entity camera></a-entity>
  </a-scene>
</template>

<script>
//import Logo from '~/components/Logo.vue'

export default {
  components: {
    //Logo
  }
}
</script>
来自webapp的控制台

A-Frame Version: 1.0.4 (Date 2020-02-05, Commit #2b359246)
aframe.min.js:995 three Version (https://github.com/supermedium/three.js): ^0.111.6
aframe.min.js:995 WebVR Polyfill Version: ^0.10.10
webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:8428 You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
webpack-internal:///./node_modules/webpack-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client:95 [HMR] connected
aframe-ar.js:3994 AR.js 3.3.1 - trackingBackend: artoolkit
aframe-ar.js:3528 ARjs.Anchor - changeMatrixMode: modelViewMatrix / markersAreaEnabled: false
aframe-ar.js:2023 THREEx.ArMarkerControls: 'markersAreaEnabled' is not a property of this material.
setParameters @ aframe-ar.js:2023
aframe-ar.js:2016 THREEx.ArMarkerControls: 'minConfidence' parameter is undefined.
setParameters @ aframe-ar.js:2016
aframe-ar.js:2 Allocated videoFrameSize 1228800
aframe-ar.js:2 Pattern detection mode set to 1.
aframe-ar.js:2 Pattern ratio size set to 0.500000.
我的问题是:nuxt.js应用程序正在使用相机,但它没有响应hiro标记或任何自定义标记,也没有显示恐龙(这里是一个工作示例:使用此标记)

祝你新年快乐

菲利普

A-Frame Version: 1.0.4 (Date 2020-02-05, Commit #2b359246)
aframe.min.js:995 three Version (https://github.com/supermedium/three.js): ^0.111.6
aframe.min.js:995 WebVR Polyfill Version: ^0.10.10
webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:8428 You are running Vue in development mode.
Make sure to turn on production mode when deploying for production.
See more tips at https://vuejs.org/guide/deployment.html
webpack-internal:///./node_modules/webpack-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client:95 [HMR] connected
aframe-ar.js:3994 AR.js 3.3.1 - trackingBackend: artoolkit
aframe-ar.js:3528 ARjs.Anchor - changeMatrixMode: modelViewMatrix / markersAreaEnabled: false
aframe-ar.js:2023 THREEx.ArMarkerControls: 'markersAreaEnabled' is not a property of this material.
setParameters @ aframe-ar.js:2023
aframe-ar.js:2016 THREEx.ArMarkerControls: 'minConfidence' parameter is undefined.
setParameters @ aframe-ar.js:2016
aframe-ar.js:2 Allocated videoFrameSize 1228800
aframe-ar.js:2 Pattern detection mode set to 1.
aframe-ar.js:2 Pattern ratio size set to 0.500000.