Fetch as Google returns blank page with error unexpected token =>

Question

I'm currently working on a SPA React app, but when I try to fetch as google I get a blank page with the error Uncaught SyntaxError: Unexpected token =>. I did install babel-polyfill and also imported it as first import. I've been reading and trying multiple things but I can't seem to fix it, anyone experience with this?

The site is https://sharetune.nl

The error image is shown below:

Edit: I tried to fetch as google while my app.js wasn't minified. the error is in this piece of code

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

You can view the app.js file at http://sharetune.nl/js/app.js

@jsdeveloper Thanks for your reply, I added the code where it is breaking. — Merijn, Mar 17 '19 at 17:02
Googlebot uses Chrome 41. You have to transpile with babel, not just include polyfills. — pishpish, Mar 17 '19 at 17:49
@destoryer That makes sense, do u know by any chance a simple guide on how to transpile with babel & react? — Merijn, Mar 17 '19 at 18:14
The official [babel docs](https://babeljs.io/docs/en/usage) should cover your needs. — pishpish, Mar 17 '19 at 18:19

jsdeveloper · Answer 1 · 2019-03-17T17:52:23.880

0

As you say above, the google fetch bot uses Chrome 41 - which does not support arrow functions.

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

edited Mar 17 '19 at 17:52

answered Mar 17 '19 at 17:29

jsdeveloper

3,945
1
15
14

I'm running version 73.0.3683.75 of Chrome so I don't think this is the problem, when fetching as google I don't think my own browser is being used to render the page. – Merijn Mar 17 '19 at 17:46

Fetch as Google returns blank page with error unexpected token =>

1 Answers1