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

时间:2017-06-01 12:08:56

标签: javascript reactjs firebase npm firebase-authentication

我在我的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,但我仍然遇到错误。也许这与我目前没有将实例附加到window对象这一事实有关?

1 个答案:

答案 0 :(得分:0)

我想没有理由让事情变得复杂......只需要把它作为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>