Unexpected token "<" on index.js after npm eject.

Is this a bug report?

Yes

Can you also reproduce the problem with npm 4.x?

Yes

Which terms did you search for in User Guide?

token, eject, start, server, webpack, <

Environment

1. node -v: 8.9.1
2. npm -v: 5.5.1

Then, specify:

1. Operating system: macOS 10.12.6
2. Browser and version (if relevant): Firefox Quantum Developer Edition 58

Steps to Reproduce

1. Eject your create-react-app
2. Stop any currently running npm starts.
3. Run npm start.
4. Cry.

Expected Behavior

I expected the development server to run like normal and serve up my application with no errors, since I hadn’t changed my project at all since ejection.

Actual Behavior

Instead, the development server spat out this error:

Reproducible Demo

I was able to reproduce this behaviour by deleting everything from my project except the basic files, index.js and App.js (which I made as basic as possible). You can get it here: https://bitbucket.org/christopherdumas/kairos/branch/eject.

[Timer]

@christopherdumas it’s because you have a .babelrc file which doesn’t contain anything required to compile React, ES6+, etc. Delete that file and things should start working.

This commit would’ve caused the break.

Altering your .babelrc to add the react-app preset should also fix it.

[alexispurslane]

Oh, okay. Thank you!