安装Vuetify加载程序时出现问题

我使用Vue cli插件创建了带有Vuetify组件框架的小型SPA应用程序。当我在开发模式下运行时,一切都很好,但是在生产模式下,组件出现了问题 'installComponents' has already been declared

我发现这和 选项,该选项仅在webpack 4处于生产模式时工作。或者更准确地说,包括您需要的组件,而不是获取所有组件。

因此,我没有注册每一个组件,而是尝试使用vuetify loader实现自动化”

我的插件/vuetify.js网站

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

Vue.use(Vuetify)

还有我的vue.config.js文件是这样的

const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')
module.exports = {
  configureWebpack: {
    plugins: [
      new VuetifyLoaderPlugin()
    ]
  }
}

以及主要.js是这样的:

import Vue from 'vue'
import './plugins/vuetify'
import App from './App.vue'
import router from './router'
import store from './store/store'
import axios from 'axios';

Vue.config.productionTip = false

//adding main path to baseurl
axios.defaults.baseURL = "";
// Global settings for Axios
Vue.prototype.$http = axios;


new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')

Module parse failed: Identifier 'installComponents' has already been declared (35:7)

module.exports = {
  presets: [
    '@vue/app'
  ]
}

我使用的是vue 2.5.21和vuetify 1.3.0

更新

module.exports = {
    publicPath: process.env.NODE_ENV === 'production'
        ? '/hr-map/'
        : '/vue-map/',
    chainWebpack: config => {
        config.module
            .rule('vue')
            .use('vue-loader')
            .loader('vue-loader')
            .tap(options => {
                // modify the options...
                return options
            })
    }
}

但现在在生产中,我得到了我的组件相当奇怪的错误

Uncaught TypeError: T(...)(...) is not a function
at Module.56d7 (VectorFeatures.vue:37)
at r (bootstrap:78)
at Object.0 (bootstrap:151)
at r (bootstrap:78)
at i (bootstrap:45)
at bootstrap:151
at bootstrap:151

我必须说,当我在开发环境中,一切都很好。