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

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

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

来源

2017-06-01 Karim Mortabit

我想没有理由使事情变得复杂...只是不得不把这个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>

来源

2017-06-01 12:45:02

只是想指出，这是一个FirebaseUI不受欢迎的行为所在的包应该包括并加载dialog-polyfill，但它并不明显：https：//github.com/firebase/firebaseui-web/issues/150 –

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

回答

相关问题