谷歌翻译API报错：google.translate.TranslateService不是构造函数求修复

你遇到的Uncaught TypeError: google.translate.TranslateService is not a constructor报错，核心原因是你直接调用了Google翻译的内部未公开API——这类API在本地测试时，可能因为浏览器缓存、无跨域限制等特殊条件可以正常运行，但部署到线上后，Google的服务会限制这类非官方调用，或者该内部API已经发生了变更。

下面是两种可靠的修复方案，优先推荐官方标准方案：

方案一：使用Google官方网站翻译Widget（推荐） #

这是Google官方支持的网站翻译方式，稳定性和兼容性都有保障，完全规避内部API的风险：

1. 替换你现有两段<script>代码，改用官方Widget初始化逻辑：

<div id="google_translate_element"></div>
<script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'ru', // 页面原始语言：俄语
    includedLanguages: 'en', // 支持的目标语言：英语
    layout: google.translate.TranslateElement.InlineLayout.SIMPLE
  }, 'google_translate_element');
}
</script>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

2. 将这段代码放到HTML的<body>标签内合适位置，它会生成一个官方翻译控件，用户可以一键将页面从俄语翻译成英语，全程无需手动调用内部API。

方案二：调整加载逻辑（不推荐，依赖内部API有风险） #

如果你坚持保留自动翻译的逻辑，需要确保初始化函数在Google翻译脚本完全加载且API就绪后再执行，同时添加容错机制：

<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 
</head> 
<body> 
<p>Привет Мир!</p> 
<script type="text/javascript">
var gtElInit = function gtElInit() {
  // 检查API是否就绪，未就绪则延迟重试
  if (typeof google === 'undefined' || typeof google.translate === 'undefined' || typeof google.translate.TranslateService !== 'function') {
    setTimeout(gtElInit, 100);
    return;
  }
  try {
    var lib = new google.translate.TranslateService();
    lib.translatePage('ru', 'en', function () {});
  } catch (e) {
    console.error('翻译初始化失败:', e);
  }
};
</script> 
<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=gtElInit&amp;client=wt"></script> 
</body> 
</html>

⚠️ 注意：这种方式依然依赖Google的内部未公开API，未来可能随时失效，仅作为临时替代方案。

另外，线上部署时请检查：你的网站是否启用了内容安全策略（CSP）阻止了Google翻译脚本加载，或者是否有安全插件拦截了第三方脚本。

内容的提问来源于stack exchange，提问作者Taras Shramenko