Vuetify 组件导入问题

Question

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

Laravel-mix webpack.mix.js 文件:

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

基本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 组件，但是我看到 vuetify 代码及其组件代码包含在 compilled app.js 中。可能存在 webpack.mix.js.

的错误配置

请告知还应检查哪些内容，尤其是在 laravelmix-vue-vuetify 束方面？

Answer 1

没注意。 vue 被导入了两次：
1. 在 html 通过 <script src>
2. 在 app.js 中通过导入

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

Vuetify 组件导入问题

Vuetify components import issue

laravel

vue.js

vue-component

laravel-mix

vuetify.js