Vuetify部件进口问题

Question

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

Laravel-mix webpack.mix.js文件：

let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')

Basic 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组件，但是我看到veutify代码以及它的组件代码包括在compilled app.js中。可能是webpack.mix.js的错误配置。

请告知什么也应该检查，特别是在拉拉维米-vue-vuetify束？

Answer 1

我一点也不在意。vue两次进口：

1. 在html中通过<script src>
2. 在app.js中通过导入

删除<script src>之后，问题就消失了。