The homepage shows an error after a few seconds

[etabakov]

After loading the homepage, everything is ok for a while and then the error from the screenshot is shown.

[EddyVerbruggen]

What the..? Is that related to a particular browser perhaps? Or some browser plugin maybe?

[etabakov]

Might be .. I'm testing with latest Chrome (Version 75.0.3770.100 (Official Build) (64-bit)) on macOS. It doesn't happen on Safari nor when opening with Chrome on my phone.

[EddyVerbruggen]

@etabakov I just updated Chrome on macOS to that version as well and still doesn't happen to me. It would be very helpful to know if this happens all the time, and how exactly. Can you please log out from that website and clear your browser cache and see if and when it happens?

FYI a similar issue was reported before and I thought I fixed it, although it was similarly hard to reproduce), so that's why I'm partly suspecting browser cache.

[etabakov]

OK, that's getting even weirder. The problem is steadily reproducible even in incognito tab. I disabled all the plugins and it still reproducible. What I think you will enjoy is that when I open the developer tools investigate - the problem is different 😈 It fails loading "https://appsync-server.nativescript.org/WEB_USAGE.md" and shows a similar red error:

TypeError: Failed to fetch
TypeError: Failed to fetch

The only additional error I can see in the console is:

warning.js:33 Warning: React attempted to reuse markup in a container but the checksum was invalid. This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting. React injected new markup to compensate which works but you have lost many of the benefits of server rendering. Instead, figure out why the markup being generated is different on the client or server:
 (client) ></div></div></div><div style="position:
 (server) ></div></div></div></div>

[EddyVerbruggen]

I see those errors in the console as well, but even when opening https://appsync.nativescript.org in incognito the homepage loads and stays as-is. Mind blowing stuff 🤯

[lee-devopa]

Few things that might be useful - Seems to be caused by

case 'Object':
      var keys = (0, _keys2.default)(data);
      if (!isWideLayout) return keys.length ? '{…}' : '{}';

      str = keys.slice(0, 3).map(function (key) {
        return key + ': ' + getShortTypeString(data[key], isDiff);
      }).concat(keys.length > 3 ? ['…'] : []).join(', ');

      return '{ ' + str + ' }';

Not sure where this is from but as a side note of that, it works if you make your window smaller, refresh the page and then resize to normal

[EddyVerbruggen]

Not sure where this is from but as a side note of that, it works if you make your window smaller, refresh the page and then resize to normal

🤯

[EddyVerbruggen]

@lee-devopa Those lines are from the redux-devtools-inspector package. Sounds like something that should not be part of a live app anyway.. but perhaps I can see if they updated that package..

[Naxos84]

is this related to:
NativeScript/nativescript-app-sync-server#3
???

[EddyVerbruggen]

@Naxos84 Yes, same issue.