_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');

_plugins_vuetify__WEBPACK_IMPORTED_MODULE_8__.default 不是构造函数

_plugins_vuetify__WEBPACK_IMPORTED_MODULE_8__.default is not a constructor

laravel

vue.js

vuetify.js