如何将 dialog-polyfill 集成到我的 React 应用程序中？

Question

我在我的 React 应用中使用 Firebase 和 FirebaseUI 进行电话号码注册。正如您在http://brigadesaffinitywebapp-dev.herokuapp.com 看到的那样，它在 Google Chrome 桌面上运行良好，但一旦我尝试使用另一个导航器，国家代码选择器就不起作用并抛出错误：undefined is not an object (evaluating 'window.dialogPolyfill.registerDialog')。所以我想我需要整合https://github.com/GoogleChrome/dialog-polyfill，但我很难弄清楚如何。

我尝试npm install dialog-polyfill然后import dialogPolyfill from 'dialog-polyfill，但我仍然收到错误。也许这与我目前没有将实例附加到 windowobject 的事实有关？

Answer 1

我想没有理由让事情复杂化......只是不得不把它放在 index.html 的顶部

<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>