Добрый день. Начал знакомство с vue.js
Установил vue-router все хорошо работает. Но когда дело дошло до vuetify. Вышла ошибка.
Вот так выглядит app.js он подключается в основном файле, без ошибок
, то есть пути все указаны правильно.
window.Vue = require('vue');
Vue.component('example-component', require('./components/ExampleComponent.vue').default);
import VueRouter from 'vue-router';
import router from './router';
import App from './components/App';
import Vuetify from 'vuetify/lib';
Vue.use(VueRouter);
Vue.use(Vuetify);
const app = new Vue({
el: '#app',
vuetify: new Vuetify(),
router,
render: h => h(App)
});
Вот так выглядит app.vue. Без тегов <v-app></v-app> ошибок нет, все работает.
<template>
<div id="app">
<v-app></v-app>
<header>
<nav>
<router-link to="/">Основная страница</router-link>
<router-link to="/table">Таблица</router-link>
<router-link to="/home">test</router-link>
</nav>
</header>
<router-view></router-view>
</div>
</template>
<script>
А вот если они будут то выйдет такая ошибка:
app.js:6787 [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 resources/js/components/App.vue
<Root>
Подскажите куда копать.