Wie kann ich Dialog-Polyfill in meine React App integrieren?

Question

Ich benutze Firebase und FirebaseUI in meiner React App für die Telefonnummer Registrierung. Wie Sie unter http://brigadesaffinitywebapp-dev.herokuapp.com sehen können, funktioniert es gut auf Google Chrome Desktop, aber sobald ich versuche, einen anderen Navigator zu verwenden, funktioniert der Ländercode-Selektor nicht und gibt einen Fehler aus: undefined is not an object (evaluating 'window.dialogPolyfill.registerDialog'). Also ich denke, ich muss https://github.com/GoogleChrome/dialog-polyfill integrieren, aber ich habe eine harte Zeit herauszufinden, wie.

Ich habe versucht, npm install dialog-polyfill und dann import dialogPolyfill from 'dialog-polyfill, aber ich bekomme immer noch den Fehler. Vielleicht hat es etwas damit zu tun, dass ich die Instanz momentan nicht an das Objekt window anschließe?

Answer 1

Ich denke, es gibt keine Gründe, die Dinge zu verkomplizieren ... hatte nur dieses eine die Spitze index.html zu setzen

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/dialog-polyfill/0.4.7/dialog-polyfill.js"></script> 

<script> 
    var dialog = document.querySelector('dialog'); 
    dialogPolyfill.registerDialog(dialog); 
    // Now dialog acts like a native <dialog>. 
    dialog.showModal(); 
</script>