Я пытаюсь импортировать vuetify в существующий проект vue. Laravel используется как бэкэнд.
Файл webpack.mix.js Laravel-mix:
let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
Базовый 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?
