The 'hello-world' example is not working out of the box

[Pablo-Merino]

Hello everyone! I was going to start researching if using Next for our project was a good choice, but I couldn't get the 'hello-world' example working. I've followed exactly as the README says, but it won't work. I've also followed the guide on Next's Readme, but I've got the same results.

Am I doing anything wrong? Perhaps with my environment?

Thanks and sorry if this is duplicated (found similar issues, but didn't help me).

This is the error:

ERROR  Failed to compile with 1 errors                                                                                                                                      15:25:47

 error  in ./pages?entry

Syntax Error: Unexpected token (3:2)

  1 | import Link from 'next/link'
  2 | export default () => (
> 3 |   <div>Hello World. <Link href='/about'><a>About</a></Link></div>
    |   ^
  4 | )
  5 |


 @ multi ./pages?entry

[sedubois]

Could you please share a repo that allows to reproduce the issue?

[arunoda]

When you are starting the app, there'll be log saying which .babelrc file is using for your app. I hope it's a wrong file.

Add a file called .babelrc in your app root with following content:

{
   "presets": ["next/babel"]
}

[Pablo-Merino]

@arunoda thanks! That worked. Maybe it should be in the readme?

@sedubois it was the 'hello-world' example dir, 100% untouched. Fixed by adding a .babelrc

[arunoda]

@Pablo-Merino good point.