1. A cross-origin error was thrown. React doesn't have access to the actual error object in development. See

出现原因 JSON.parse(undefined) 参数问题

2 页面跳转不显示问题

忘记在页面与路由之间加入问号

3 Error occurred while trying to proxy request

出现这种情况有多种情况，代理写错，node版本过低或者端口被占用

4 Failed to load plugin 'jest' declared in '--config ? @alipay/eslint-config-bigfish/eslint

这种情况建议删除eslint 重新下 把包也删除了重新下 在重新启动

5 antd文件上传时，文件格式不正确问题，导致后端接受不到值

如果你单纯的将文件上传放在formdata里面而不对文件格式做处理，那么上传的文件格式会是这样

正确的应该是二进制格式，这是因为antd上传的组件库对文件做了一层包装处理，?我们需要将正确的格式提取出来

const files = value.file.map((file: any) => { return file.originFileObj; });

再次上传

?6 在修改编辑页面，上传文件有默认值时，添加新的文件，之前的文件失效问题

这是由于你设置的初始上传文件只是一个普通对象，例如这样

const defaultFileList: UploadFile[] = useMemo( () => dataBackfill?.files?.map((item, index) => ({ uid: index + '', name: item.name || '', url: item.address || '', })) || [], [dataBackfill], );

而上传的文件格式应该是File对象?

此时我们在上传时需要用?new File([file], file.name) 对默认的文件格式进行处理，如何使用new File 可以查看这里File.File() - Web API 接口参考 | MDN

7 上传文件有时我们会用到action设置上传网络接口，但是当action上传接口爆错时，文件还是成功显示到上传列表，这时我们可以在onChange中拿到请求信息response，然后进行判断处理

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。