Vuetify - TypeError：Vue.observable 不是函数答案

【问题标题】：Vuetify - TypeError: Vue.observable is not a functionVuetify - TypeError：Vue.observable 不是函数
【发布时间】：2020-11-07 17:20:18
【问题描述】：

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

以下是一些相关代码：

Main.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)

Index.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 按钮的图片：

【问题讨论】：

我猜你使用的是旧版本的 vue，它没有 Vue.observable
@EricGuan 是对的！谢谢。发表一个答案，我很乐意给你积分！

标签： vue.js vuetify.js

【解决方案1】：

Vue.observable 已从 vueJS https://vuejs.org/v2/api/#Vue-observable 的 2.6.0 版本集成因此有必要使用以下命令更新库

使用 npm ：npm update vue

用纱线：yarn upgrade --latest vue

【讨论】：

【解决方案2】：

您使用的是旧版本的 vue，它没有 Vue.observable，它从 vue@2.6.0 开始提供

【讨论】：

我正在使用 "vue": "^3.0.0-0" 并得到同样的错误......？ :(
啊，在 Vue3 中它不再是可观察的，而是反应式的 - 所以： import {reactive} from 'vue';