谷歌返回空白页，错误为意外令牌 =>答案

【问题标题】：Fetch as Google returns blank page with error unexpected token =>谷歌返回空白页，错误为意外令牌 =>
【发布时间】：2019-03-17 15:46:32
【问题描述】：

我目前正在开发一个 SPA React 应用程序，但是当我尝试以 google 获取时，我得到一个空白页，错误为 Uncaught SyntaxError: Unexpected token =>。我确实安装了 babel-polyfill 并将其作为第一个导入导入。我一直在阅读并尝试多种方法，但我似乎无法修复它，有人对此有经验吗？

网站是https://sharetune.nl

错误图片如下：

编辑：当我的 app.js 未缩小时，我尝试以 google 获取。错误在这段代码中

const prefix = (items) => {
  const result = {}
  for (const i in items) {
    result[items[i]] = swalPrefix + items[i]
  }
  return result
}

您可以在http://sharetune.nl/js/app.js查看app.js文件

【问题讨论】：

你能在这被破坏的地方添加代码吗？
@jsdeveloper 感谢您的回复，我添加了代码出错的地方。
你用的是什么浏览器？
Googlebot 使用 Chrome 41。您必须使用 babel 进行转译，而不仅仅是包含 polyfill。
@destoryer 有道理，你知道如何用 babel 进行转译和反应的简单指南吗？

标签： javascript reactjs babel-polyfill google-search-console

【解决方案1】：

如上所述，google fetch bot 使用 Chrome 41 - 它不支持箭头功能。

https://caniuse.com/#feat=arrow-functions

【讨论】：

我正在运行版本 73.0.3683.75 的 Chrome，所以我认为这不是问题，当以 google 获取时，我不认为我自己的浏览器被用于呈现页面。