我在我的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
对象这一事实有关?
答案 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>