"create-react-app hello-world" fails on Vagrant Ubuntu 12.04

[tgig]

If you are reporting a bug, please fill in below. Otherwise feel free to remove this template entirely.

Can you reproduce the problem with latest npm?

I am using npm version 4.3.0

Description

I can't use create-react-app hello-world on Vagrant Ubuntu . It fails with the error "Aborting installation", then deletes the files it previously installed.

Actual behavior

root@precise64:/code/React# create-react-app hello-world
Creating a new React app in /code/React/hello-world.

Installing packages. This might take a couple minutes.
Installing react, react-dom, and react-scripts...

npm WARN prefer global marked@0.3.6 should be installed with -g
hello-world@0.1.0 /code/React/hello-world
+-- react@15.4.2
| +-- fbjs@0.8.9
| | +-- core-js@1.2.7
| | +-- isomorphic-fetch@2.2.1
| | | `-- node-fetch@1.6.3
| | |   +-- encoding@0.1.12
...
...
| +-- stream-cache@0.0.2
  | `-- webpack-dev-middleware@1.10.1
  |   +-- memory-fs@0.4.1
  |   `-- mime@1.3.4
  +-- webpack-manifest-plugin@1.1.0
  `-- whatwg-fetch@2.0.2

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.0.17 (node_modules/react-scripts/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.0.17: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.1.1: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

Aborting installation.

Deleting generated file... node_modules
Deleting generated file... package.json
Deleting hello-world/ from /code/React
Done.

Environment

Run these commands in the project folder and fill in their results:

1. npm ls react-scripts (if you haven’t ejected):

/code/React
`-- (empty)

2. node -v: 6.9.1
3. npm -v: 4.3.0

Then, specify:

1. Operating system: Vagrant virtual machine running Ubuntu 12.04 LTS
2. Browser and version: n/a

[gaearon]

Can you please find which create-react-app and then edit the script to replace

      if (reason.command) {
        console.log('  ' + chalk.cyan(reason.command), 'has failed.')
      }

here with this:

      if (reason.command) {
        console.log('  ' + chalk.cyan(reason.command), 'has failed.')
      } else {
        console.log(chalk.red('  Unexpected error. Please report it as a bug:'));
        console.log(reason);
      }

and then try again and paste the output here? (I’d also appreciate a PR adding this diagnostic code to the tool, we should’ve done this before releasing.)

[tgig]

Thanks for the super fast response.

Created the PR and here is the output:

Aborting installation.
  Unexpected error. Please report it as a bug:
/code/react/hello-world/node_modules/graceful-fs/graceful-fs.js:58
�$
^
SyntaxError: Invalid or unexpected token
    at Object.exports.runInThisContext (vm.js:76:16)
    at Module._compile (module.js:542:28)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (/code/react/hello-world/node_modules/fs-extra/lib/index.js:4:11)
    at Module._compile (module.js:570:32)

Deleting generated file... node_modules
Deleting generated file... package.json
Deleting hello-world/ from /code/react
Done.

[gaearon]

This is kinda weird:

/code/react/hello-world/node_modules/graceful-fs/graceful-fs.js:58
�$

Can you show the contents of this file around this line?

[tgig]

Nothing looks out of place on the surface of it. Same as other copies of this library on my computer. This is what I'm seeing:

vim /usr/lib/node_modules/create-react-app/node_modules/graceful-fs/graceful-fs.js

function patch (fs) {
  // Everything that references the open() function needs to be in here
  polyfills(fs) //THIS IS LINE 58
  fs.gracefulify = patch
  fs.FileReadStream = ReadStream;  // Legacy name.
  fs.FileWriteStream = WriteStream;  // Legacy name.

[gaearon]

Why did it point to /code/react/hello-world/ in the original stack trace?
Can you check there too?

[tgig]

I would love to check there, but the program deletes the files in the cleanup process as it is aborting.

[gaearon]

Oh well, you obviously can’t, it was deleted 😄
Can you comment the deletion out?

[tgig]

Sure, I'll give it a shot

[gaearon]

Should be a matter of commenting this section.

[tgig]

Interesting!

The hello-world/node_modules/graceful-fs/graceful-fs.js file is definitely not happy. I can't seem to copy/paste the corrupted text. It looks different in vim and Sublime Text. Screenshots instead:

vim

Sublime

[gaearon]

Can you install npm i -g npm@3.10.9 and try again? Maybe some weird bug in 4.x.

[tgig]

No love. I actually had a previous version of npm and upgraded to the latest before submitting this bug. I did go back to 3.10.9 and still get an error.

Not sure if this is relevant, since the deleting code is still commented, but I'm getting a different error (but similar corruption) now:

Aborting installation.
  Unexpected error. Please report it as a bug:
/code/react/hello-world/node_modules/react-scripts/scripts/init.js:47
  } else {

SyntaxError: Invalid or unexpected token
    at Object.exports.runInThisContext (vm.js:76:16)
    at Module._compile (module.js:542:28)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at /usr/lib/node_modules/create-react-app/index.js:235:18
    at process._tickCallback (internal/process/next_tick.js:103:7)

Done.

[gaearon]

Are you behind a proxy, or using a non-standard npm registry by any chance?