React Native项目安装Formik/Yup后提示无法解析模块,求正确npm安装方法
无法解析yup/formik模块问题解决方案
模块找不到的核心原因是项目依赖中未正确安装formik和yup两个包,全局安装的包无法直接在项目中引入使用,正确操作如下:
正确安装命令
- npm用户执行:
npm install formik yup - yarn用户执行:
yarn add formik yup
安装后仍报错的排查方案
- 删除项目根目录下的
node_modules文件夹、package-lock.json(yarn用户删除yarn.lock),重新执行上述安装命令 - 清空React Native启动缓存,执行命令:
npx react-native start --reset-cache - 缓存清空后重新启动项目即可
代码语法修正
你当前编写的Yup校验规则存在语法错误,url、required均为方法需要加括号调用,修正后代码如下:
const uploadPostSchema = Yup.object({ imageUrl: Yup.string().url().required('Url is required'), caption: Yup.string().max(2200,'Caption has reached the max character') })
内容的提问来源于stack exchange,提问作者Zaki Kendil
相关产品推荐
相关产品推荐

