Vue3 getCurrentInstance與ts結合使用的問題

vue3項目中，如果不用ts這樣使用是沒問題的

const { proxy } = getCurrentInstance()

 

在ts中使用會報錯：報錯：...類型“ComponentInternalInstance | null”

我們在項目中一般會用到很多getCurrentInstance()方法，直接封裝一下

創建useCurrentInstance.ts文件：

import { ComponentInternalInstance, getCurrentInstance } from 'vue'
export default function useCurrentInstance() {
    const { appContext } = getCurrentInstance() as ComponentInternalInstance
    const proxy = appContext.config.globalProperties
    return {
        proxy
    }
}

組件內使用：

<script lang="ts">
import { defineComponent } from "vue";
import useCurrentInstance from "@/utils/useCurrentInstance";
export default defineComponent({
  setup() {
    const { proxy } = useCurrentInstance();
    console.log(proxy);
  },
});
</script>