使用vue-property-decorator解构的Component和Vue使用报错

Question

<template>
    <div class="home">
        <img alt="Vue logo" src="../assets/logo.png">
        <HelloWorld msg="Welcome to Your Vue.js + TypeScript App" />

        <el-avatar shape="circle" :size="100" :src="logo"></el-avatar>
    </div>
</template>

<script lang="ts">
// import { Options, Vue } from "vue-class-component";
import { Component, Vue } from "vue-property-decorator";
import HelloWorld from "@/components/HelloWorld.vue"; // @ is an alias to /src

@Component({
    components: {
        HelloWorld,
    },
})
export default class Home extends Vue {
    logo = require("../assets/logo.png");

    mounted(): void {
        console.log("mounted");
    }
}
</script>

请问各位大佬，这个是什么问题？

Answer 1

由于 vue-class-component 升级了,原先引入的 Compenots 变成了现在的Options但是vue-property-decorator的源码并未同步更新，所以在用时就会报错;

解决

提示报错后，在node_modules/vue-property-decorator/bin/index.js找到, 把前面几行代码改成这样就行

// import Vue from 'vue';
import { Options, mixins, Vue } from 'vue-class-component';
export { Options, Vue, mixins as Mixins };

可以尝试下，这个是网上找的

引用地址是 https://blog.csdn.net/HockJer...

我是没有成功，看你了