我正在编写一个函数，该函数基于表单获取数据，并使用AntDesign提供的表单，但当我将其与Vue 3和TypeScript一起使用时，它会给出如下错误消息：

• 常量表单参考：引用〈表单示例|未定义〉*
• 'formRef.value'可能是'未定义'。ts（18048）*

下面是我的相关代码片段：

模板：

<a-form
        ref="formRef"
        :model="DataCreate"
        name="form_in_modal"
        :validate-messages="validateMessages"
      >
        <a-form-item
          :name="['new', 's3Account']"
          label="s3Account"
          :rules="[{ required: true }]"
        ></a-form-item>
        ...
</a-form>

脚本：

import { ref, h, computed, onMounted, reactive, toRaw } from "vue";
import type { FormInstance } from "ant-design-vue";

const formRef = ref<FormInstance>()
const visibleCreate = ref<boolean>(false)

const CreateConfig = async () => {
  formRef.value.validateFields().then(values => { //Error here
        console.log('Received values of form: ', values);
        console.log('formState: ', toRaw(DataCreate));
        visibleCreate.value = false;
        formRef.value.resetFields();              //Error here
        console.log('reset formState: ', toRaw(DataCreate));
        
      }).catch(info => {
        console.log('Validate Failed:', info);
       
      });
      
};

我在使用TypeScript时遇到了一些问题，希望能得到大家的帮助。非常感谢