尝试升级到 vuetify 2.0 时出错答案

【问题标题】：getting error when trying to upgrade to vuetify 2.0尝试升级到 vuetify 2.0 时出错
【发布时间】：2019-12-24 14:11:23
【问题描述】：

好的，所以我正在尝试第二次迁移，到目前为止它已经完全失败了，似乎没有检测到 vuetify，不幸的是我无法分享我的完整仓库，因为它与工作相关，但会描述步骤并分享相关信息代码。项目是使用 vue-cli 3.3.0 创建的，带有用于环境变量的 vue.config.js 文件。 1）npm卸载vuetify 2）vue添加vuetify 3）npm 运行服务我的网站无法加载，我收到此错误（添加代码）：

//vue.config.js
module.exports = {
    chainWebpack: (config) => {
        config.plugin('define')
            .tap(([options, ...args]) => {

                let env = options['process.env'].VUE_APP_ENV.replace(/"/g,'');
                let envMdl = require('./build/' + env.toString() + '.js');

                // replace all current by VUE concrente ones to be passed to the app
                const processEnv = Object.assign({}, options['process.env'])
                Object.keys(envMdl).forEach(function (k) {
                    processEnv['VUE_APP_' + k] = envMdl[k];
                });

                const ret = Object.assign({}, options, {'process.env': processEnv});

                return [
                    ret,
                    ...args
                ]
            })
    }
}

//vuetify.js

import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify({
  icons: {
    iconfont: 'mdiSvg',
  },
})

//main.js

import vuetify from './plugins/vuetify'
...
new Vue({
                vuetify,
                router,
                store,
                i18n,
                render: h => h(App),
...

错误信息（和截图）：Uncaught TypeError: _lib.default is not a constructor at eval (vuetify.js?402c:6)

【问题讨论】：

标签： vue.js webpack vuetify.js webpack-4

【解决方案1】：

主要问题是Vuetify v1在Stylus预处理器下工作，而在v2中它在SASS预处理器下工作，我个人不建议迁移到v2，如果它太高级，如果它有自定义Vuetify组件更糟糕。

【讨论】：