请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

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

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

正在回答 回答被采纳积分+3

插入代码

6回答

慕函数0302652 2021-07-25 16:30:34

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

0 回复 有任何疑惑可以回复我~
Nolan 2021-05-11 18:31:54

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


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

0 回复 有任何疑惑可以回复我~
  • 提问者 Aioros2017 #1
    我重新检查了代码,在http的fetch方法中,并没有多次调用json方法的情况。
    回复 有任何疑惑可以回复我~ 2021-05-12 15:51:37
似水流年0709 2021-05-10 20:45:26

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

0 回复 有任何疑惑可以回复我~
  • 提问者 Aioros2017 #1
    .env文件就一行代码。是按照视频中写的。如下:
    REACT_APP_API_URL = online.com
    回复 有任何疑惑可以回复我~ 2021-05-12 15:47:07
提问者 Aioros2017 2021-04-28 14:03:54

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

https://img1.sycdn.imooc.com//szimg/6088fac108835d5f08181210.jpg

https://img1.sycdn.imooc.com//szimg/6088fac208fc7edd11620526.jpg


0 回复 有任何疑惑可以回复我~
提问者 Aioros2017 2021-04-28 13:23:17

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

https://img1.sycdn.imooc.com//szimg/6088f122082ec64407780240.jpg

https://img1.sycdn.imooc.com//szimg/6088f12208c6fe2207860758.jpg

https://img1.sycdn.imooc.com//szimg/6088f12208c0f3bc07880722.jpg


0 回复 有任何疑惑可以回复我~
  • Nolan #1
    返回文档的内容是啥,还有为什么请求的url这么奇怪,又有localhost,又有online.com
    回复 有任何疑惑可以回复我~ 2021-04-28 21:01:28
Nolan 2021-04-27 23:56:31

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

0 回复 有任何疑惑可以回复我~
  • 提问者 Aioros2017 #1
    而且preview面板出现了以下提示...
    You need to enable JavaScript to run this app.
    回复 有任何疑惑可以回复我~ 2021-04-28 13:24:46
  • 提问者 Aioros2017 #2
    我特别关注了auth-provider.ts文件中的register方法和handleUserResponse方法。对比您的代码也别无二致。就整不明白问题到底出在了哪里?
    回复 有任何疑惑可以回复我~ 2021-04-28 13:40:12
问题已解决,确定采纳
还有疑问,暂不采纳
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号