I'm a fullstack dev, using React 18 and Python / FastAPI. I'm using:
- Chrome Version 119.0.6045.105 (Official Build) (64-bit).
- axios Version 1.4.0 for requests.
- SSE Viewer Version 0.1.2
I installed this extension today via Chrome Store. My hope was that it captured the messages and timings of an SSE, for profiling, as the alternative is to copy these one by one.
Following the (incredibly terse) instructions, I clicked on the extension. It turned blue and in both the web page and the Dev Tools, a top pane appeared informing me that 'SSE Viewer' started debugging this browser
with a big Cancel button next to it.
Now, I lauch my EventSource request, I go to the Network tab of Dev Tools, the request does appear there and it's marked as eventSource
, just like before.
However, when clicking on the request, it does not show the eventSource usual tabs, namely the EventStream tab where messages pile up. It shows the usual Headers, Preview, Response, Initiator and Timing tabs, as if this were yet another xhr.
It also shows under Timing a big yellow sign reading: "CAUTION: Request is not finished yet!". And this stays like this forever.
Obviously, I am looking at both ends of the program, and the backend does its thing and then it closes the connection.
I remind you that there are no instructions whatsoever regarding steps. All we get is a screenshot with something I used to get (before I used this extension!) and no clear indication that one should click "Cancel" at the end of the request, or anything.
Questions:
- Is this because of
axios
? Is this extension incompatible with axios
somehow?
- Am I doing something wrong? Am I failing to guess what the steps are here?
I am willing to share a MWE, if any followup happens here.