_plugins_vuetify__WEBPACK_IMPORTED_MODULE_8__.default 不是构造函数

Posted 2023-02-22

【中文标题】_plugins_vuetify__WEBPACK_IMPORTED_MODULE_8__.default 不是构造函数

【英文标题】：_plugins_vuetify__WEBPACK_IMPORTED_MODULE_8__.default is not a constructor

【发布时间】：2021-06-20 15:19:33

【问题描述】：

我在将 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');

【参考方案1】：

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

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

【讨论】：

嗨@maxshuty，当我复制你的解决方案时，我仍然有错误，请看页面顶部的图片

@enriquetanada 似乎与此无关，因为这似乎至少解决了 Vuetify 问题。查看此答案以了解如何解决您现在看到的问题：***.com/a/58842923/4826740

感谢您的帮助