Odd function name in the crash overlay

[gaearon]

If I add <Lol /> to the default template, I see a weird function name in the overlay stack:

Any ideas as to where it is coming from?

[Timer]

https://github.com/facebookincubator/create-react-app/blob/master/packages/react-dev-utils/formatWebpackMessages.js#L19

Just so happens to be bundled right after index.js:

[Timer]

🐛 in chrome

Chrome is who is reporting this function name, not any of our code:

This works correctly in firefox:

And safari:

[gaearon]

Shall we file a bug with Chrome? Looks like Chrome infers function name from the name of first variable inside of it. cc @bmeurer

[bmeurer]

I don't know about that part. @gsathya will probably know.

[bmeurer]

cc @ajklein

[gsathya]

Looks like Chrome infers function name from the name of first variable inside of it.

How do I repro this? This doesn't seem to happen on chrome for something like (function() { var x = 'x'; throw new Error('wat') })();

[gaearon]

Tagging as up for grabs because we need somebody to create a reduced test case for Chrome.

For now, to reproduce the issue you'd need to clone this project, run npm install, and npm start, and then add throw new Error('oops') in this file, then look at the error box (which will use the function name).

[gaearon]

Another one I'm seeing: Object.exports.__esModule. Need to remember to filter that out too.