NotReadableError: The I/O read operation failed.

elastic / apm-agent-rum-js

https://www.elastic.co/guide/en/apm/agent/rum-js/current/index.html

MIT License

279 stars 137 forks source link

NotReadableError: The I/O read operation failed. #1451

Closed mijatovicjerkovic closed 1 year ago

mijatovicjerkovic commented 1 year ago

I am using apmBase imported from @elastic/apm-rum for an error handling plugin in a Nuxt 3 (vite) project. I cannot seem to understand why these errors appear in Kibana: Unhandled promise rejection: TypeError: NotReadableError: The I/O read operation failed.(inline script) Unhandled promise rejection: NotReadableError: The I/O read operation failed.

Both of them are coming from the var payloadStream = new Blob([payload]).stream(); line from (../../../../node_modules/@elastic/apm-rum-core/dist/es/common/compress.js:320:44

As it seems, this only happens on the client side.

In the previous projects I did not have these problems (using Webpack/Angular/Nuxt...)...

devcorpio commented 1 year ago

Hi @mijatovicjerkovic,

I have a few questions/requests:

What version of the RUM agent are you using?
Do you know how often this error shows up?
Have you been able to reproduce the error?
Is this happening with multiple browsers? For instance, Chrome, Safari, Edge, etc
Could you send us the output of executing "console.log(Blob.prototype.stream);"
In case you can reproduce the error easily, could you confirm us if the error goes away if you follow the instructions from this troubleshooting section?

Is your website publicly accessible? This would be helpful (in case the error is reproducible)

Cheers, Alberto

mijatovicjerkovic commented 1 year ago

Hi @devcorpio,

I am using @elastic/apm-rum-vue 2.1.2 and elastic-apm-node 3.43.0
Happens quite often, ~1500 times per day (but the app has a lot of visitors ~100-300k uniques)
I cannot reproduce the error
Mobile Safari (95.4%), Chrome Mobile iOS (1.2%), Instagram/Facebook/Edge (0.5 - 0.9%) (past 24h)
console.log(Blob.prototype.stream); : [Function: stream] (in the pod from nodejs console) ƒ stream() { [native code] } (in Chrome on Mac)

Website is publicly accessible, but I would prefer not to share it seeing as the reproduction of the error is not easily available.

Thank you.

mijatovicjerkovic commented 1 year ago

The problem is related to Safari security policies, more specifically aborting all fetches from the previous page.