javascriptandroidreact-nativewebviewreact-native-webview
react-native-webview crashes application when invoked
I am using react-native-webview library to load webpage, it works fine in debuging, but when I create release build. And click on the tab to load webview , application crashes. following is the error. I have attached error trace as well in the end.
I am using react-native: "0.62.0" react-native-webview : "^9.0.2",
this is the trace when I click on the button to load webview screen.
> 2020-04-10 11:39:44.812 2584-2646/com.trackplayer E/ReactNativeJS:
> Error: crypto.getRandomValues() not supported. See
> https://github.com/uuidjs/uuid#getrandomvalues-not-supported
>
> This error is located at:
> in n
> in RCTView
> in y
> in Unknown
> in Unknown
> in Unknown
> in Unknown
> in RCTView
> in S
> in RCTView
> in RCTView
> in E
> in RCTView
> in c
> in RCTView
> in Unknown
> in v
> in Unknown
> in w
> in Unknown
> in Unknown
> in Unknown
> in Unknown
> in RCTView
> in RCTView
> in RCTView
> in RCTView
> in k
> in ForwardRef
> in PanGestureHandler
> in RCTView
> in k
> in ForwardRef
> in RCTView
> in D
> in Unknown
> in RCTView
> in C
> in RCTView
> in H
> in S
> in h
> in RNCSafeAreaView
> in Unknown
> in Unknown
> in GestureHandlerRootView
> in Unknown
> in b
> in Unknown
> in O
> in Unknown
> in ForwardRef
> in Unknown
> in ForwardRef
> in S
> in RCTView
> in RCTView
> in E 2020-04-10 11:39:44.818 2584-2646/com.trackplayer E/ReactNativeJS: Error: crypto.getRandomValues() not supported. See
> https://github.com/uuidjs/uuid#getrandomvalues-not-supported
>
> This error is located at:
> in n
> in RCTView
> in y
> in Unknown
> in Unknown
> in Unknown
> in Unknown
> in RCTView
> in S
> in RCTView
> in RCTView
> in E
> in RCTView
> in c
> in RCTView
> in Unknown
> in v
> in Unknown
> in w
> in Unknown
> in Unknown
> in Unknown
> in Unknown
> in RCTView
> in RCTView
> in RCTView
> in RCTView
> in k
> in ForwardRef
> in PanGestureHandler
> in RCTView
> in k
> in ForwardRef
> in RCTView
> in D
> in Unknown
> in RCTView
> in C
> in RCTView
> in H
> in S
> in h
> in RNCSafeAreaView
> in Unknown
> in Unknown
> in GestureHandlerRootView
> in Unknown
> in b
> in Unknown
> in O
> in Unknown
> in ForwardRef
> in Unknown
> in ForwardRef
> in S
> in RCTView
> in RCTView
> in E 2020-04-10 11:39:44.822 2584-2647/com.trackplayer E/unknown:ReactNative: Error: crypto.getRandomValues() not supported.
> See https://github.com/uuidjs/uuid#getrandomvalues-not-supported
>
> This error is located at:
> in n
> in RCTView
> in y
> in Unknown
> in Unknown
> in Unknown
> in Unknown
> in RCTView
> in S
> in RCTView
> in RCTView
> in E
> in RCTView
> in c
> in RCTView
> in Unknown
> in v
> in Unknown
> in w
> in Unknown
> in Unknown
> in Unknown
> in Unknown
> in RCTView
> in RCTView
> in RCTView
> in RCTView
> in k
> in ForwardRef
> in PanGestureHandler
> in RCTView
> in k
> in ForwardRef
> in RCTView
> in D
> in Unknown
> in RCTView
> in C
> in RCTView
> in H
> in S
> in h
> in RNCSafeAreaView
> in Unknown
> in Unknown
> in GestureHandlerRootView
> in Unknown
> in b
> in Unknown
> in O
> in Unknown
> in ForwardRef
> in Unknown
> in ForwardRef
> in S
> in RCTView
> in RCTView
> in E, stack:
> default@717:132
> f@722:329
> n@714:2621
> Bn@92:31529
> ui@92:49357
> ja@92:72034
> Oa@92:71959
> Ia@92:69253
> Ia@-1
> <unknown>@92:25480
> unstable_runWithPriority@183:3503
> dn@92:25427
> fn@92:25362
> Pe@92:90879
> Re@92:13478
> Ie@92:13664
> receiveTouches@92:14448
> value@27:3544
> <unknown>@27:840
> value@27:2798
> value@27:812
> value@-1 2020-04-10 11:39:44.831 2584-2647/com.trackplayer E/AndroidRuntime: FATAL EXCEPTION: mqt_native_modules
> Process: com.trackplayer, PID: 2584
> com.facebook.react.common.JavascriptException: Error: crypto.getRandomValues() not supported. See
> https://github.com/uuidjs/uuid#getrandomvalues-not-supported
>
> This error is located at:
> in n
> in RCTView
> in y
> in Unknown
> in Unknown
> in Unknown
> in Unknown
> in RCTView
> in S
> in RCTView
> in RCTView
> in E
> in RCTView
> in c
> in RCTView
> in Unknown
> in v
> in Unknown
> in w
> in Unknown
> in Unknown
> in Unknown
> in Unknown
> in RCTView
> in RCTView
> in RCTView
> in RCTView
> in k
> in ForwardRef
> in PanGestureHandler
> in RCTView
> in k
> in ForwardRef
> in RCTView
> in D
> in Unknown
> in RCTView
> in C
> in RCTView
> in H
> in S
> in h
> in RNCSafeAreaView
> in Unknown
> in Unknown
> in GestureHandlerRootView
> in Unknown
> in b
> in Unknown
> in O
> in Unknown
> in ForwardRef
> in Unknown
> in ForwardRef
> in S
> in RCTView
> in RCTView
> in E, stack:
> default@717:132
> f@722:329
> n@714:2621
> Bn@92:31529
> ui@92:49357
> ja@92:72034
> Oa@92:71959
> Ia@92:69253
> Ia@-1
> <unknown>@92:25480
> unstable_runWithPriority@183:3503
> dn@92:25427
> fn@92:25362
> Pe@92:90879
> Re@92:13478
> Ie@92:13664
> receiveTouches@92:14448
> value@27:3544
> <unknown>@27:840
> value@27:2798
> value@27:812
> value@-1
>
> at com.facebook.react.modules.core.ExceptionsManagerModule.reportException(ExceptionsManagerModule.java:79)
> at java.lang.reflect.Method.invoke(Native Method)
> at com.facebook.react.bridge.JavaMethodWrapper.invoke(JavaMethodWrapper.java:372)
> at com.facebook.react.bridge.JavaModuleWrapper.invoke(JavaModuleWrapper.java:151)
> at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method)
> at android.os.Handler.handleCallback(Handler.java:883)
> at android.os.Handler.dispatchMessage(Handler.java:100)
> at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:27)
> at android.os.Looper.loop(Looper.java:214)
> at com.facebook.react.bridge.queue.MessageQueueThreadImpl$4.run(MessageQueueThreadImpl.java:226)
> at java.lang.Thread.run(Thread.java:919) 2020-04-10 11:39:44.850 2584-2647/com.trackplayer I/Process: Sending signal. PID:
> 2584 SIG: 9
Solution
Seems like a bug with the new version, but as per this doc ( https://github.com/react-native-community/react-native-webview/issues/1312 ) it can be solved as follows
first install react-native-get-random-values, then import it at the top of your file
import 'react-native-get-random-values';
import React, { Component } from 'react';
import { WebView } from 'react-native-webview';
import {
StyleSheet,
View,
Text,
} from 'react-native';
export default class MyWeb extends Component {
render() {
return (
<View style={{ backgroundColor: 'blue',flex: 1 }}>
<WebView
source={{ uri: 'https://url.ngrok.io' }}
style={{ marginTop: 20, }}
/>
</View>
);
}
}
- Keep numbers which appear in both columns, in J lang
- Differentiation in J
- How to reshape an array with an arbitrary size in one dimension?
- Why is Insert (fold) right associative
- Write 4 : 'x&{.&.;: y' tacitly
- Alignment issue when printing formatted prime numbers in J language
- How can I define a verb in J that applies a different verb alternately to each atom in a list?
- How to get user input in the J programming language
- How to unbox a list of boxed lists of differing lengths in J?
- How can I fix 'noun result was required' error in J?
- In j, how can I define a verb locally in one scope and pass it to a defined adverb?
- Convert boxed array to normal array?
- Read column of CSV file as array
- Replace atom in array of strings
- What does the dyad `=` do to boxed strings?
- Index of minimum element using J
- How can I take the outer product of string vectors in J?
- Building an array of verbs in J
- Reading in multidigit command line parameter
- Amend with bond to new data shows unexpected behaviour
- How to turn a table or matrix into a (flat) list in J
- How to run dissect in J?
- How to define selection using index function in J
- How to exit the J console?
- Find 4-neighbors using J
- Writing custom verbs in J
- How do I negate a selector in J lang?
- How to use arbitrary selector in interchange in J lang?
- different result once square root is added inside tacit
- Sum of arrays with repeated indices