Laravel Vuetify组件导入问题

我正在尝试将vuetify导入现有的vue项目。Laravel用作后端

Laravel mix webpack.mix.js文件：

let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/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)
})

<template>
  <v-app>

  </v-app>
</template>

Basic app.js:

let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/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)
})

<template>
  <v-app>

  </v-app>
</template>

App.vue:

let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/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)
})

<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 warn]：未知自定义元素：-您是否正确注册了组件？对于递归组件，请确保提供“name”选项。
发现于
--->位于/var/www/project/resources/assets/App.vue

所以看起来vue找不到veutify vApp组件，但是我看到vuetify代码及其组件代码包含在编译的app.js中。 可能是webpack.mix.js的配置缺失

---

请告知还应检查什么，特别是在laravelmix vue vuetify bunch方面？

我一直没有注意到。vue已导入两次：
1.通过

2.通过导入在app.js中

---

删除

后问题消失。

您能在主vue实例中找到$vuetify吗？@AnkitKumarOjha看起来未定义