2

here is the new errorI 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');

Here is the picture

enriquetanada
  • 109
  • 10

1 Answers1

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');
maxshuty
  • 9,708
  • 13
  • 64
  • 77
  • Hi @maxshuty, when I copied your solution but I still have an error, please see the picture at the top of the page – enriquetanada Mar 24 '21 at 12:59
  • @enriquetanada that seems unrelated to this as it seems that this has resolved the Vuetify issues at least. Have a look at this answer for how to fix that issue you're seeing now: https://stackoverflow.com/a/58842923/4826740 – maxshuty Mar 24 '21 at 13:10