javascript - 依赖于 Vuetify 的 Vue.js 组件库。$attrs 是只读的 - 错误

Question

简介：我用 vue-cli ~4.2.0 生成了两个项目：

• 父应用程序- 主项目
• dummylib - 由父应用程序导入的库。里面有一堆 .vue 组件。我想在这里使用 vuetify

我使用的库组件示例<v-btn>：

    <script>
    import { mapActions, mapGetters } from 'vuex'
    import { VBtn } from 'vuetify/lib'

    export default {
      name: 'DummyButton',

      components: {
        VBtn
      },

      computed: {
        ...mapGetters([
          'counter'
        ]),

        text () {
          return `I have been clicked ${this.counter}`
        }
      },

      methods: {
        ...mapActions([
          'increment'
        ])
      }
    }
    </script>

    <template>
      <v-btn color='primary' @click="increment">{{ text }}</v-btn>
    </template>

问题：<v-btn>渲染，但每次点击我都会在控制台中收到错误：

• [Vue warn]: $attrs is readonly.
• [Vue warn]: $listeners is readonly.

库的vue.config.js：

module.exports = {
  configureWebpack: {
    ...(process.env.NODE_ENV === 'production'
      ? {
        externals: {
          'vuetify/lib': 'vuetify/lib'
        }
      }
      : {}),

    resolve: {
      alias: {
        vue$: 'vue/dist/vue.common.js'
      }
    }
  }
}