vue3引入element plus组件报错

vue3项目引入element plus组件后总是报错

<template>
        <div class="formContainer">
            <el-form
                :model="ruleForm"
                status-icon
                :rules="rules"
                ref="ruleForm"
                label-width="100px"
                class="demo-ruleForm">
            <el-form-item label="密码" prop="pass">
            <el-input
                type="password"
                v-model="ruleForm.pass"
                autocomplete="off"
            >el-input>
            el-form-item>
            <el-form-item>
            <el-button type="primary" @click="submitForm('ruleForm')">提交el-button>
            <el-button @click="resetForm('ruleForm')">重置el-button>
            el-form-item>
            el-form>
        div>
    div>
template>

img

img

求支招

无法读取未定义的属性proxy ，你代码里用到了这个属性吗？ 是的话做个非空判断 if(obj.proxy){ //再使用}

你尝试输出下你的ref form

该回答引用GPTᴼᴾᴱᴺᴬᴵ
这个报错可能是由于 Element Plus 组件在 Vue 3 中使用了 Proxy，而你的浏览器不支持 Proxy 的原因导致的。Proxy 是 ECMAScript 6 中引入的一个特性，用于创建一个代理对象，该对象可以拦截并定义基本操作的行为，如属性查找、赋值、函数调用等。Vue 3 的响应式系统依赖于 Proxy 实现，而 Element Plus 的组件库也使用了这一特性。
·
要解决这个问题，可以尝试升级你的浏览器版本，或者安装一个支持 Proxy 的浏览器。如果你在开发环境中遇到这个问题，可以尝试使用 Vue CLI 4.x 或 5.x 创建一个新的项目，然后再次引入 Element Plus 组件，看看问题是否得到了解决。此外，你还可以尝试升级你的 Vue 和 Element Plus 版本，确保它们与你的浏览器兼容。