使用google input工具转换的本地语言无法显示

Question

我正在使用以下js代码在django应用程序中从英语转换本地语言。它在本地工作，但在aws上，显示不工作，我能看到的只是问号符号。

    // Load the Google Transliteration API

  google.load("elements", "1", {
        packages: "transliteration"
      });

  function onLoad() {
    var options = {
      sourceLanguage: 'en',
      destinationLanguage: ['ml'],
      shortcutKey: 'ctrl+m',
      transliterationEnabled: true
    };
    // Create an instance on TransliterationControl with the required
    // options.

    var control =  new google.elements.transliteration.TransliterationControl(options);
    // Enable transliteration in the textfields with the given ids.    
   var ids = [ "lang", "langu", "language" ];
    control.makeTransliteratable(ids);

    // Show the transliteration control which can be used to toggle between
    // English and Hindi and also choose other destination language.
    // control.showControl('translControl');

  }

  google.setOnLoadCallback(onLoad);

控制台上的错误是

A Parser-blocking, cross-origin script, https://www.google.com/uds/?file=elements&v=1&packages=transliteration, is invoked via document.write. This may be blocked by the browser if the device has poor network connectivity. See https://www.chromestatus.com/feature/5718547946799104 for more details.

提前感谢您的帮助。

Answer 1

您是否阅读了错误消息中的链接？https://www.chromestatus.com/feature/5718547946799104

错误说明似乎很清楚:您正在尝试包含来自另一个域的脚本，这可能会影响您的性能，并被一些速度较慢的浏览器/连接阻塞。

您要包含的代码如下：

https://www.google.com/uds/?file=elements&v=1&packages=transliteration

if (window['google'] != undefined && window['google']['loader'] != undefined) {
if (!window['google']['elements']) {
window['google']['elements'] = {};
google.elements.Version = '1.0';
google.elements.JSHash = '7ded0ef8ee68924d96a6f6b19df266a8';
google.elements.LoadArgs = 'file\x3delements\x26v\x3d1\x26packages\x3dtransliteration';
}
google.loader.writeLoadTag("css", google.loader.ServiceBase + "/api/elements/1.0/7ded0ef8ee68924d96a6f6b19df266a8/transliteration.css", false);
google.loader.writeLoadTag("script", google.loader.ServiceBase + "/api/elements/1.0/7ded0ef8ee68924d96a6f6b19df266a8/transliteration.I.js", false);
}

我建议您下载css和script并将其放入您的资产管道中。我不会委托google.loader.writeLoadTag来加载它。

更新

恐怕你误解了我的回答。我上面提到的代码是导致错误的脚本的内容。我建议检索css和javascript的完整url：

• https://www.google.com/uds/api/elements/1.0/7ded0ef8ee68924d96a6f6b19df266a8/transliteration.css
• https://www.google.com/uds/api/elements/1.0/7ded0ef8ee68924d96a6f6b19df266a8/transliteration.I.js

现在，您可以选择是使用外部链接引用这些资产，还是同时下载css和js并将它们添加到资产管道中