Vuetify - обнаружено несколько экземпляров Vue

Question

Я использую vue-cli-3.4.1. После создания проекта я добавил vuetify в свой проект с помощью команды vue add vuetify, Есть еще один веб-компонент Vue, который я пытаюсь использовать в своем приложении. Я добавил сценарии в файл index.html, вот так

<script src="https://unpkg.com/vue"></script>
<script src="path/my-component.min.js"></script>

Но после запуска команды npm run serve, получая эту ошибку в консоли и показывая пустую страницу.

[Vuetify] Обнаружено несколько экземпляров Vue

Answer 1

В вашем файле index.html должен быть только один экземпляр vue.

Vue-cli структурирует ваше приложение с помощью модульной системы.

Если у вас его еще нет, создайте components каталог и разместите свой my-component.vue там.

Затем вам нужно будет импортировать my-component.vue, прежде чем локально зарегистрировать его в компоненте, в котором вы хотите его использовать.

Предполагая, что указанный ниже компонент называется App.vue

<template>
  <MyComponent />
</template>

<script>
import MyComponent from './components/my-component'

export default {
  components: {
    MyComponent
  },
  // ...
}
</script>

Сейчас MyComponent можно использовать внутри шаблона App.vue.

https://vuejs.org/v2/guide/components-registration.html

Надеюсь это поможет.