Question

我安装了（npm）aframe和ar.js库;但是，当我尝试使用<a-marker>或<a-marker-camera>时，我收到以下错误：

Unknown custom element: <a-marker-camera>

我能够导入aframe库，但是当我想导入并使用ar.js库时，我收到一个错误，找不到ar.js。

我遵循了来自https://aframe.io/blog/arjs/

的AR实施示例

有人能告诉我我做错了吗？

<template>
  <v-layout>
    AR
    <v-flex height="100%">
      <a-scene embedded>
      <a-sky color="#000"></a-sky>
      <a-entity camera look-controls wasd-controls position="0 1 3" rotation="-15 0 0"></a-entity>
      <a-box v-bind:color="color" opacity="0.75" visible="true"></a-box>
      <a-marker-camera preset='hiro'></a-marker-camera>    

    </a-scene>
    </v-flex>
  </v-layout>
</template>

<script>
import 'aframe'

</script>

<style scoped>
</style>

Answer 1

您只能导入A-Frame，而不能导入定义<a-marker-camera>和<a-marker>的ar.js。

在您关联的示例中，这是通过

完成的

<script src="https://jeromeetienne.github.io/AR.js/aframe/build/aframe-ar.js"></script>

Answer 2

在您的Vue项目的src / index.js文件中，将Vue.config.ignoredElements属性与您的海关元素一起添加。该文件是具有Vue实例化的文件：

Vue.config.ignoredElements = [
    'a-scene',
    'a-entity',
    'a-camera',
    'a-box',
    'a-sky',
    'a-assets',
    'a-marker',
    'a-marker-camera'
]

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

a-marker不适用于aframe

2 个答案: