Vuetify - TypeError：Vue.observable 不是函数

Question

我在 Visual Studio 的 2019 项目中安装 vuetify 时遇到问题。我正在使用 vuetify 2.3.4 和 vuetify-loader 1.6。Vuetify 似乎正在工作，因为我可以看到在我的 v-btn 标签之一上呈现的样式。但是控制台仍然显示以下错误“TypeError: Vue.observable is not a function”。我尝试了一些谷歌搜索，但没有找到其他人发布过关于他的问题。任何想法将不胜感激。

这是一些相关的代码：

主要.js：

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

Vue.use(Vuetify);
Vue.config.productionTip = true;

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

vuetify.js

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

Vue.use(Vuetify)

const opts = {}

export default new Vuetify(opts)

索引.html

    <v-app>
        <div id="app"></div>
    </v-app>

带按钮的组件

<template>
        <v-btn class="vbtn" small color="blue">Primary</v-btn>
</template>

<script>
    export default {
        name: 'Button'
    };
</script>

<style scoped>
</style>

Vuetified 按钮的图像：

Answer 1

您使用的是没有 Vue.observable 的旧版 vue，可从 vue@2.6.0