Показать сообщение отдельно
  #1 (permalink)  
Старый 12.09.2019, 10:38
Профессор
Отправить личное сообщение для Artur_Hopf Посмотреть профиль Найти все сообщения от Artur_Hopf
 
Регистрация: 13.03.2018
Сообщений: 278

Помогите пожалуйста подключить Vuetify
Добрый день. Начал знакомство с 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>


Подскажите куда копать.
Ответить с цитированием