繁体 English 中英

@ google-cloud / translate使React Web应用程序在Safari中出现黑屏

[英]@google-cloud/translate causes React web app to have a blank screen in Safari

原文 2020-11-21 04:10:13 7 0 ios/ reactjs/ google-cloud-platform/ syntax-error/ google-translate

我正在开发一个具有应用程序内消息翻译功能的消息传递应用程序： https : //booker-m.github.io/parley 。 我正在使用ReactJS库在JavaScript和CSS中进行编码。 在导入了Google Translate API的Windows和Android上，它可以正常工作，但在iOS上的网络浏览器中显示空白的白屏。

我加入const {Translate} = require('@google-cloud/translate').v2;的那一刻const {Translate} = require('@google-cloud/translate').v2; 在我的代码中，它停止在Safari中加载，并且出现错误：

SyntaxError：无效的正则表达式：无效的组说明符名称（匿名函数）@ 2.e2886061.chunk.js：2

关于Google Cloud Translate API和Safari的不兼容问题，我找不到任何信息，我也不知道为什么包含它会阻止我的Web应用程序加载。

我的问题上次已关闭，但我没有任何其他详细信息-我非常困惑为什么这行： const {Translate} = require('@google-cloud/translate').v2; 在iOS Web浏览器上导致黑屏。 我已经尽力解决了所有问题，但是除了导入Google Cloud Translate API之外，我的任何代码似乎都没有问题。 如果我将该行注释掉，则在使用“ npm start”进行测试时，该应用程序将在我的手机上加载。 如果取消注释该行并保存文件，文档的屏幕将变为空白。

您可以在此处查看特定的代码： https : //github.com/Booker-M/parley/blob/master/src/Config/MyTranslate.js

谢谢！