Vuetify проблема импорта компонентов - PullRequest
Новая
       29

Vuetify проблема импорта компонентов

0 голосов
/ 06 июля 2018

Я пытаюсь импортировать vuetify в существующий проект vue. Laravel используется как бэкэнд.

Файл Laravel-mix webpack.mix.js: 

let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')

Basic app.js: 

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'
import App from './App'

Vue.use(Vuetify)

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

App.vue: 

<template>
  <v-app>

  </v-app>
</template>

При доступе к веб-странице vue выдает ошибку: 

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

found in

---> <App> at /var/www/project/resources/assets/App.vue
       <Root>

Похоже, что vue не может найти компонент veutify vApp, однако я вижу этот код vuetify, а также код его компонентов, включенный в скомпилированный app.js. Возможно, существует неправильная конфигурация webpack.mix.js.

Посоветуйте, пожалуйста, что также следует проверять, особенно с точки зрения связки laravelmix-vue-vuetify?

1 Ответ

0 голосов
/ 06 июля 2018

Я не был внимательным. vue был импортирован дважды:
1. в html через <script src>
2. в app.js через импорт

После удаления <script src> проблема исчезла.

...