使用了错误边界组件,出现了意料之外的错误

来源:7-5 实现Error Boundaries,捕获边界错误

Aioros2017

2021-04-27

不知为何,实现了本节的错误边界组件。重新build,打开生产环境。注册是直接弹出如图错误。控制台并无错误提示。懵逼中…图片描述

写回答

6回答

慕函数0302652

2021-07-25

你的.env文件这样改//img.mukewang.com/szimg/60fd20d6092fb99509680328.jpg这样build打包之后/请求就不会在localhost:5000后面加上/online.com了,找不到接口就会返回你那样的报错

0
0

Nolan

2021-05-11

看这个:https://stackoverflow.com/a/54731385


是不是某个地方用 response.json 两次?

0
1
Aioros2017
我重新检查了代码,在http的fetch方法中,并没有多次调用json方法的情况。
2021-05-12
共1条回复

似水流年0709

2021-05-10

我怀疑你的 .env  文件写的有问题   但我没证据

0
1
Aioros2017
.env文件就一行代码。是按照视频中写的。如下: REACT_APP_API_URL = online.com
2021-05-12
共1条回复

Aioros2017

提问者

2021-04-28

最新发现,导致这个错误的最根本原因是因为register方法中,请求成功后,拿到响应,我们调用了json()。而这一步骤,导致了报错。提示为:Failed to execute 'json' on 'Response': body stream already read。

//img.mukewang.com/szimg/6088fac108835d5f08181210.jpg

//img.mukewang.com/szimg/6088fac208fc7edd11620526.jpg


0
0

Aioros2017

提问者

2021-04-28

开发环境一切正常,只是生产环境才会出现。响应直接返回了整个文档?

//img.mukewang.com/szimg/6088f122082ec64407780240.jpg

//img.mukewang.com/szimg/6088f12208c6fe2207860758.jpg

//img.mukewang.com/szimg/6088f12208c0f3bc07880722.jpg


0
1
Nolan
返回文档的内容是啥,还有为什么请求的url这么奇怪,又有localhost,又有online.com
2021-04-28
共1条回复

Nolan

2021-04-27

看起来像是ajax的response那附近的问题,控制台看一下ajax的返回值,再检查一下http附近的代码

0
2
Aioros2017
我特别关注了auth-provider.ts文件中的register方法和handleUserResponse方法。对比您的代码也别无二致。就整不明白问题到底出在了哪里?
2021-04-28
共2条回复

React17+Hook+TS4 优质实践,仿 Jira 企业级项目

解锁 React17 高阶用法,轻松应对大型复杂长周期项目

2691 学习 · 1236 问题

查看课程