Event Stream data not showing in Chrome console

Question

I have an EventSource listener on my frontend calling a complicated backend scheme. This code block is written in Typescript.

import * as EventSource from 'eventsource';      

private streamData() {
    let source = new EventSource('http://localhost:3000/websocket/server/stream');

    source.onopen = (e) => {

    };

    source.onmessage = (e) => {
      console.log('id: ' + (<any>e).lastEventId + '; type: ' + e.type + ' data: ' + e.data);
    };
  }

And I send back the following response to my server :

res.write('id: ' + this.messageId++ + '\n');
res.write('type: message\n');
res.write('data: ' + message + '\n\n');
res.flush();

Now, on the Chrome console, I get all the data needed.

However, on the xhr monitor, I cannot see the EventStream data.

I get the info on my frontend, so this is not a blocking issue for me, but may pose some problems later in debugging.

I cannot help you unfortunately, since I can't seem to get my head around the problem, but this is a well written and refreshing question from a new user, congrats — scharette, Mar 17 '19 at 04:01
did you find an answer to this problem ? i am having the exact same issue. — ruhaib, Aug 09 '19 at 09:53
Do you use https://www.npmjs.com/package/eventsource ? I have the same problem — galkin, Aug 10 '19 at 00:36
You've probably figured this out by now, but the spec uses the string "event: " not "type: " — Rick, Jun 23 '20 at 01:37

score 19 · Answer 1 · answered Nov 08 '19 at 15:16

19

I had the same issue. The data does not show up when you are using the eventsource polyfill only when you use the built in browser implementation of the EventSource class.

answered Nov 08 '19 at 15:16

Jeff Hall

191
1
4

1

This is actually correct, when I switch to political chrome stopped showing the messages – Medin Jul 10 '21 at 22:59

score 0 · Answer 2 · answered Aug 21 '23 at 12:48

This doesn't answer the question but is related to if you search for "Event Stream data not showing in Chrome console"

In Chrome devtools Network tab, an eventsource type request will not show an EventStream tab until you receive a first event from the server.

So you might just have to be patient.

score 0 · Answer 3 · answered Aug 24 '23 at 16:26

0

unfortunately, this problem is relevant for all non native SSE clients. https://github.com/Azure/fetch-event-source/issues/3

Consider using window.EventSource if it fits your use case.

answered Aug 24 '23 at 16:26

danyrojj

1

1

As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – ethry Aug 26 '23 at 22:01

Event Stream data not showing in Chrome console

3 Answers3