Ошибки при использовании Vue CLI 4 и A Frame - PullRequest
0 голосов
/ 20 марта 2020

Я пытался разработать веб-приложение для виртуальной реальности, используя Vue cli 4.2.3 и aframe.io И получил много сообщений об ошибках, подобных этим, для всех компонентов aframe

[Vue warn]: Unknown custom element: <a-scene> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

[Vue warn]: Unknown custom element: <a-cursor> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

здесь мой основной. js код

import Vue from 'vue'
import App from './App.vue'

import 'aframe';

new Vue({
  el: '#app',
  render: h => h(App)
})

Для удобства я просто напишу ссылку, на которую у меня есть ссылка. у обоих буквально одинаковый код

https://github.com/nobu222/aframe-vue-sample/blob/master/src/App.vue

https://github.com/nobu222/aframe-vue-sample/blob/master/src/Entity.vue

Пожалуйста, помогите мне, ребята. Эта штука действительно вызывает у меня головную боль

1 Ответ

0 голосов
/ 10 апреля 2020

Ответ заключается в том, что эти компоненты в случае змеи сталкиваются с Vue. Vue не может найти эти компоненты, зарегистрированные, поэтому вы получаете сообщение об ошибке.

Коротко: скажите Vue до ignoreElements, связанное с a frame:

Vue.config.ignoredElements = [
  'a-scene',
  'a-entity',
  'a-camera',
  'a-box',
  'a-sky',
  'a-sphere',
  'a-cylinder',
  'a-plane'
];

Приведенный выше список не является исчерпывающим, но является отправной точкой. Вы можете добавить больше или вычесть из него, как вам угодно.

...