_plugins_vuetify__WEBPACK_IMPORTED_MODULE_8__.default is not a constructor

Question

I had an issue upon installing vuetify to my project, I followed some solutions in some questions but still I had an issue.

Here is my 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

You're close, but you're trying new up Vuetify when you should just be passing it in like this:

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