React-Relay older browser support (blank site) - reactjs

I have a react-relay graphql app that works perfectly on new browsers, but on safari 5.1.10 (2013) it doesn't work. The site is just white. Same happens with older versions of chrome.
The console gives:
TypeError: 'undefined' is not a function (evaluating 'e.startsWith("client:")')
I looked through react-relay/dist/relay.min.js and saw isClientID:function(e){return e.startsWith("client:")}.. it seems thats the failing function.
Has anyone encountered this before? Any ideas on a fix or what could be causing it?

Related

react native and expo: problem sending log messages symbolicatedStack

Recently I updated react (0.62.2) and expo (37.0.12). Nearly everything works fine. Except upon every App reload and shortly after an error occured, an error screen pops up that displays
console.error: There was a problem sending log messages to your development environment TypeError:
symbolicatedStack.map is not a function. (In 'symbolicatedStack.map(removeProjectRoot)',
'symbolicatedStack.map' is undefined
covering the previously occured error.
since there is no symbolicatedStack written by myself, I suspect its an internal error, but I can't figure out what it is. Upon pressing "Dismiss" everything works fine again. (Till the next reload/error)
Expo / React version are compatible according to their offical websites.
I guess this is dues to version missmatch try running expo upgrade command. It should resolve your issue.

TypeError: undefined is not an object (evaluating 'row[OBJECT_COLUMN_NAME] = key') | React Native

Currently, I am building a MobileApp with React-Native and everything works fine until today :/
Unfortunately today the app throws an error (see below) after a successful build!
[TypeError: undefined is not an object (evaluating 'row[OBJECT_COLUMN_NAME] = key')]
BUT this error only appears in the normal mode -> if I switch to the debug mode everything is working without any further problems.
So after that, I started searching the trigger of this error and I found it (See below)
Your_App/node_modules/react-native/Libaries/polyfills/console.js (Line 449)
But as you can see that isn't from me it's from React-Native and I am not able to resolve this problem
After a long research on the internet, I couldn't figure out anything because nobody has got this error yet :/
But I think it has something to do with the newest react-native firebase version 6.0.0 (https://invertase.io/blog/react-native-firebase-v6)
Because it fails near there (See below)
Note: After recreating the app (not hard with git) the error appears again after a while :/
Note: A empty App still works on my engine
What do I use:
react-native 0.61.5
java 13
(All used libraries)
I would appreciate help ^^
Thank you
After I filled my code completely with console.logs... I found out that React Native does not work with console.table in non debug mode.
This is easily fixed by using console.table only when the app is in debug mode. Just check if the debug mode is enabled ^^
const isDebuggingEnabled = (typeof atob !== 'undefined');
That's it

React not working on IE11 and Edge browser

I am able to view my app in chrome. But when I tried in internet explorer. I am getting a blank page, and in Edge, I am getting unexpected behaviour.
What can I do to resolve these kinds of errors?
I followed https://github.com/facebook/react/issues/8379 and installed polyphils but that also didn't work out.

Cannot read property 'requestAnimationFrame' of undefined

After I've included "echarts-for-react" library to my project, I've started getting Cannot read property 'requestAnimationFrame' of undefined error.
The interesting part is that I'm only getting this error on Windows 10. When I open the project on OS X, everything works as expected. I'm using Chrome version 64.0.3282.186 on both OSs. screenshot
I'm using:
react: v15.4.1,
webpack: v1.14.0
Do you have any suggestions about this problem?
Some browsers don't support requestAnimationFrame.
You can use a polyfill like this here which will use a setTimeout if requestAnimationFrame is not available
I am the author of echarts-for-react.
Related issue, ref: Running into a '__resizeListeners__' of undefined with react and Semantic-UI accordion

firebase-auth.html - Uncaught type error: Cannot read property 'token' of undefined

I cloned the following Polymer todo-list app from https://github.com/PolymerLabs/todo-list and after setting it up as per the instructions, i got it running on local with gulp serve. I could signin and add/delete/update todos as expected. However, a colleague of mine who did the same thing is getting the following error
My colleague is working from the Philippines if that matters at all. Could someone please advise how I can get it working on his local machine? We're both using Chrome btw and he does not run into any issues using a version that was deployed to firebase, just encountering the error on localhost. Thanks.
The issue was caused by the firebase element as explained here. Updating the firebase element solved the problem.

Resources