Uncaught TypeError: antd_es_form__WEBPACK_IMPORTED_MODULE_9__.default.create(...) is not a function

在React前端开发中遇到'antd_es_form__WEBPACK_IMPORTED_MODULE_9__.default.create(...) is not a function'错误。问题源于antd版本升级,官方已移除Form.create。尝试将antd版本回退至3.26.14,或者从import { Form } from 'antd'更改为import { Form } from '@ant-design/compatible'。这两种方法中,后者为正确解决方式。
摘要由CSDN通过智能技术生成

报错信息

login.jsx:111 Uncaught TypeError: antd_es_form__WEBPACK_IMPORTED_MODULE_9__.default.create(...) is not a function

网上查到的解法一

  • 原因:由于antd的版本导致
  • 解决:package.json文件下的antd版本号修改为3.26.14
    在这里插入图片描述
  • 我的版本【“antd”: “^4.9.4”,】

网上查到的解法二

  • Ant Design 4.0 对Form进行了修改,已经不使用 Form.create,也不需要使用了,它会自动验证,移除了原来的onSubmit,改用onFinish。
  • 改完之后还是会存在这个问题!!!是因为在跟升级antd是使用了官网推荐的方法:npm i -g @ant-design/codemod-v4
  • 改完之后还是会存在这个问题是因为
import {
    Form } from '@ant-design/compatible';
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值