Javascript Laravel和Vuetify未知自定义元素

我在Laravel中犯了一些这样的错误

[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

---> <AdminComponent> at resources/js/components/AdminComponent.vue
       <Root>

此文件用于路由器

js/router/index.js

require('./bootstrap');

// Vue
import Vue from 'vue'

// Vuetify
import Vuetify from 'vuetify/lib'
import colors from 'vuetify/es5/util/colors'

// Vue-Router
import router from './router/index.js'

Vue.use(Vuetify, {
  theme: {
    light: {
        primary: colors.purple,
        secondary: colors.grey.darken1,
        accent: colors.shades.black,
        error: colors.red.accent3,
      }
  }
});

import 'vuetify/dist/vuetify.min.css'
import 'material-design-icons-iconfont/dist/material-design-icons.css'

// Main app
const app = new Vue({
    el: '#app',
    router,
});

import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)

//
import admin_component   from '../components/AdminComponent.vue'
import r_link            from '../components/RouterLink.vue'

//
Vue.component('admin-component', admin_component);

Vue.component('r-link', r_link)

//
import home              from '../components/HomeComponent.vue'
import admin_user        from '../components/Admin/UserComponent.vue'

export default new Router({
  mode: 'history',
  routes: [
    { path: '/',             name: 'home',          component: home,          meta: {name: 'home',   icon: 'home'}},
    { path: '/admin/user',   name: 'admin_user',    component: admin_user,    meta: {name: 'management', icon: 'supervisor_account'}},
  ],
})

此组件有关于vuetify的错误

js/components/AdminComponent.vue

<template>
  <v-app id="app">
    A lot of custom element
  </v-app>
</template>

<script>
  export default {
    name: 'AdminComponent',

    props: {
      name: String,
      logout: String,
    },

    data: () => ({
      drawer: false,
      footer: 'foo-----footer',
      title: 'tit------title',
    }),
  }
</script>

我的laravel版本是5.7

php artisan——版本

Laravel框架5.7.28

如何为AdminComponent注册组件？

---

请有人帮忙…

快到了。。。将vuetify实例传递到vue选项中。 请参见此处的引导：

---

vuetify

v2.0.0不是那样安装的。再次检查文档。哦。。。我得到了它。非常感谢你！！

{
  "dependencies": {
    "css-loader": "^3.2.0",
    "material-design-icons-iconfont": "^5.0.1",
    "vue-router": "^3.1.3",
    "vuetify": "^2.1.1"
  },
  "devDependencies": {
    "axios": "^0.18",
    "bootstrap": "^4.0.0",
    "cross-env": "^5.1",
    "jquery": "^3.2",
    "laravel-mix": "^5.0.0",
    "lodash": "^4.17.5",
    "popper.js": "^1.12",
    "resolve-url-loader": "^3.1.0",
    "sass": "^1.22.12",
    "sass-loader": "^8.0.0",
    "vue": "^2.5.7",
    "vue-cli-plugin-vuetify": "^0.6.3",
    "vue-template-compiler": "^2.6.10",
    "vuetify-loader": "^1.2.2"
  }
}

const app = new Vue({
    el: '#app',
    router,
    vuetify
});