_plugins_vuetify__WEBPACK_IMPORTED_MODULE_8__.default 不是构造函数

Question

我在将 vuetify 安装到我的项目时遇到了问题，我在一些问题中遵循了一些解决方案，但我仍然遇到了问题。

这是我的 vuetify.js

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

const opts = {}

export default new Vuetify(opts)

App.js

import Vue from 'vue';
import Vuetify from '../plugins/vuetify';
Vue.use(Vuetify);

new Vue ({
    router,
    vuetify : new Vuetify(),
    render: h => h(App),
}).$mount('#app');

webpack.mix.js

const mix = require('laravel-mix');


const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')
const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin');

  var webpackConfig = {
    plugins: [
        new VuetifyLoaderPlugin(),
        new CaseSensitivePathsPlugin(),
      ],
  }

mix.webpackConfig( webpackConfig );

mix.js('resources/js/app.js', 'public/js')
    .vue()
    .sass('resources/sass/app.scss', 'public/css');

Answer 1

你已经接近了，但你正在尝试 new 向上 Vuetify，而你应该像这样传递它：

new Vue ({
    router,
    vuetify : Vuetify, // <-- simply set it like this
    render: h => h(App),
}).$mount('#app');