类型“CombinedVueInstance>>”上不存在属性“XXX”

我使用 TypeScript 创建了一个 vue 组件，并且在以下位置收到此错误data() and in methods():

Property 'xxx' does not exist on type 'CombinedVueInstance<Vue, {},
{}, {}, Readonly<Record<never, any>>>'.

例如：

33:18 Property 'open' does not exist on type 'CombinedVueInstance<Vue, {}, {}, {}, Readonly<Record<never, any>>>'.
    31 |         methods: {
    32 |             toggle: function () {
  > 33 |                 this.open = !this.open
       |                  ^
    34 |                 if (this.open) {
    35 |                     // Add click listener to whole page to close dropdown
    36 |                     document.addEventListener('click', this.close)

此错误也随时显示this.close()用来。

这是组件：

<script lang='ts'>
    import Vue from 'vue';
    import axios from 'axios'
    export default Vue.extend({
        data: function () {
            return {
                open: false
            }
        },
        computed: {
            profilePath: function () {
                return "/user/" + this.$store.state.profile.profile.user.id
            }
        },
        methods: {
            toggle: function () {
                this.open = !this.open
                if (this.open) {
                    // Add click listener to whole page to close dropdown
                    document.addEventListener('click', this.close)
                }
            },
            close: function () {
                this.open = false;
                document.removeEventListener('click', this.close)
            }
        }
    })
</script>

是什么导致了这个错误？它似乎仍然在开发过程中出现错误，但当我部署到生产环境时，它们会导致问题。

正如在打字稿支持 https://v2.vuejs.org/v2/guide/typescript.html#Annotating-Return-TypesVue 文档部分：

由于 Vue 声明文件的循环性质，TypeScript 可能难以推断某些方法的类型。因此，您可能需要在 render 和compute 等方法上注释返回类型。

对于你的情况，你应该改变profilePath: function () { to profilePath: function (): string {

如果您有一个返回值的 render() 方法，但没有: VNode注解。