Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

No way to load JS files

See original GitHub issue

Bug description: Im creating port of AmCharts for react-native using @rn-community/rn-webview to render webview and show charts in it. Facing error when Im trying to load main amcharts.js file in injected js code:

Error: 'src/components/AmCharts/amcharts-files/amcharts.js' cannot be loaded as its extension is not registered in assetExts

To Reproduce:

const runFirst = `
    function loadScripts(file, callback) {
      var xhttp = new XMLHttpRequest();

      xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {       
          var amcScript = document.createElement('script');
          amcScript.innerHTML = this.responseText;
          document.body.appendChild(amcScript);

          if (callback) {
            callback.call();
          }
        }
      };

      xhttp.open("GET", '${scriptsPath}' + file + '.js', true);
      xhttp.send();
    }
    
    loadScripts('amcharts', () => alert('ok'));
    `;

<WebView
          source={amchartsLayout}
          originWhitelist={['*']}

          injectedJavaScript={runFirst}
          mixedContentMode="always"
          allowFileAccessFromFileURLs
          automaticallyAdjustContentInsets
          allowFileAccess
          javaScriptEnabled
          domStorageEnabled
          useWebKit
/>

Expected behavior: Js would be loaded properly without any errors.

Investigation: Guys had same problems when they trying to use highcarts-react-native lib with this @rn-community/rn-webview package: https://github.com/highcharts/highcharts-react-native/issues/4 https://github.com/highcharts/highcharts-react-native/issues/8

Environment: