Javascript _插件\虚拟化\网页包\导入的\模块\ 136 \默认值不是构造函数

我已使用vue cli 3构建了一个vue应用程序，并添加了vuetify。 现在，为了减小捆绑包大小，我将vuetify导入更改为：

我使用的是

vuetify 1.5.5

和

vue 3.7.0

import Vue from 'vue';
import Vuetify, { VLayout, VBtn, VApp } from 'vuetify/lib';
import 'vuetify/src/stylus/app.styl';

Vue.use(Vuetify, {
  components: {
    VApp,
    VLayout,
    VBtn,
  },
  theme: {
    primary: '#ee44aa',
    secondary: '#424242',
    accent: '#82B1FF',
    error: '#FF5252',
    info: '#2196F3',
    success: '#4CAF50',
    warning: '#FFC107',
  },
  options: {
    customProperties: true,
  },
  iconfont: 'md',
});

export default Vuetify;

但在此之后，我在控制台中出现了以下错误：

---

摘要：您不应该编写导出默认Vuetify； vuetify.js只是一个js文件，您应该在main.js中导入它

// plugins/vuetify.js


import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import 'vuetify/src/stylus/app.styl'
import colors from 'vuetify/es5/util/colors'

Vue.use(Vuetify, {
iconfont: 'md',
  theme: {

primary: colors.green.base, // #4CAF50

secondary: colors.red.lighten4, // #FFCDD2

accent: colors.indigo.base, // #3F51B5

search: colors.grey.lighten2, // #E0E0E0

searchButton: colors.green.lighten3,  // #A5D6A7

newsBlock: colors.grey.lighten4, // #F5F5F5

// info: colors.lighten1,

// warning: colors.darken2,

// error: colors.accent4,

// success: colors.lighten2,

  }
})


// main.js

import Vue from 'vue'
import './plugins/vuetify'
...
new Vue({
  el: "#app",
  router,
  store,
  render: h => h(App),
})

---

我遇到了一个非常类似的问题，在收到此错误后立即发生。

未能解决加载程序：手写笔加载程序您可能需要安装它。

然后我使用

npm安装-保存开发人员手写笔加载程序网页

安装了手写笔加载程序，然后我在控制台中遇到了我们现在面临的错误。你也有这个问题吗？解决这个问题很重要，我解决了我的问题。你在vuetify的第2版上看到过吗？我在1.5.0版上。不幸的是，我无法从1.5升级到2，因为这会破坏一切，但应该注意的是，如果您不介意根据版本2文档升级所有组件，那么升级到版本2可以解决问题（我是这么做的）。版本2更好，由于v2有很多改进，组件会损坏是正常的。为什么要导出

export default Vuetify，您是否在某处使用它？这不是问题所在。我猜OP是在导出Vuetify并在其他地方实例化它。如您所见，错误是指OP试图将Vuetify用作构造函数。