Sessions are being recorded for minutes but nothing is being shown on replay. about openreplay

[estradino]

@cain can you please join our https://slack.openreplay.com to make it quicker for us to understand the issue?

[PandaCodes]

Hello, Carlos! Do you have any console output during the replay?

[PandaCodes]

Could this error cause an application crash, so the page would be empty for real?

[carlosgranada]

Hello, Carlos! Do you have any console output during the replay?

Yup...

• Could not find router reducer in state tree, it must be mounted under "router"

• Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful warnings.

[carlosgranada]

Could this error cause an application crash, so the page would be empty for real?

Yup, this is a Javascript error, totally possible

[cain]

@PandaCodes @estradino We also have the same issue.

All network and user events are recording. Just no render of page.

[cain]

running a vuejs application in dev mode, nothing in console or the inspect mode (empty body and head tags)

[estradino]

@cain do you see anything in console?
Also, is your VueJS app using styled components? Perhaps you could share the link to it so we can repro the issue.

[estradino]

@cain Could you please share the code snippet you used to integrate the OpenReplay tracker?

[cain]

@estradino no console errors or network errors (see screenshot has console open)

  /*
   ** Include Openrelay Script
   */
  (function(A,s,a,y,e,r){
    r=window.OpenReplay=[s,r,e,[y-1]];
    s=document.createElement('script');s.src=a;s.async=!A;
    document.getElementsByTagName('head')[0].appendChild(s);
    r.start=function(v){r.push([0])};
    r.stop=function(v){r.push([1])};
    r.setUserID=function(id){r.push([2,id])};
    r.setUserAnonymousID=function(id){r.push([3,id])};
    r.setMetadata=function(k,v){r.push([4,k,v])};
    r.event=function(k,p,i){r.push([5,k,p,i])};
    r.issue=function(k,p){r.push([6,k,p])};
    r.isActive=function(){return false};
    r.getSessionToken=function(){};
    r.i="https://openreplay.plannthat.com/ingest";
  })(0, "{KEY HERE}", "//static.openreplay.com/3.0.5/openreplay.js",1,28);

[cain]

Happy to email you privately about accessing our dev environment to test @estradino

[cain]

https://plannthat.com is our web application used, we currently dont have it enabled on production because of this issue but are looking forward to using your product!

[marta-123]

Hi, I implemented openReplay in the code and tested it but the recording attempt was unfortunately unsuccessful. Clicks and actions performed on the site have been posted in the logs, but they are not visible in the recording. The page did not load. I attach the info from the console on the screen.
Has there been any solution to this topic yet? Are there any works planned?

[estradino]

@marta-123 could you please join our Slack so we help you debug that?

[vanpyrzericj]

@estradino I'm curious if you were able to sort this out with @marta-123? I was/am having the same issue - also with a VueJS application. So, there might be some sort of correlation here. Thanks!