After ejecting getting "process.binding is not supported" error #815

brakowski · 2016-10-01T17:21:58Z

Description

After ejecting a newly created app, and try to open it in the browser, i get a "Uncaught Error: process.binding is not supported" in the browser.

Expected behavior

It should work the same like before ejecting.

Actual behavior

An "Uncaught Error: process.binding is not supported" error is displayed in the browser console.

Environment

Operating system: Linux Mint 17 Qiana
Browser and version: Google Chrome 47.0.2526.111 (64-bit)
Node: v6.2.1
NPM: 2.11.3
Reproducible Demo

create-react-app test-app
cd test-app
npm run eject
npm start

Seems like "usr/lib/nodejs" is also bundled by webpack. The whole error message:

Uncaught Error: process.binding is not supportedprocess.binding
@ browser.js:173(anonymous function)
@ buffer.js:4(anonymous function)
@ buffer.js:1293__webpack_require__
@ bootstrap e7633f287f581d8681cb:555fn
@ bootstrap e7633f287f581d8681cb:86(anonymous function)
@ querystring.js:6__webpack_require__
@ bootstrap e7633f287f581d8681cb:555fn
@ bootstrap e7633f287f581d8681cb:86(anonymous function)
@ url.js:61__webpack_require__
@ bootstrap e7633f287f581d8681cb:555fn
@ bootstrap e7633f287f581d8681cb:86(anonymous function)
@ webpackHotDevClient.js:22__webpack_require__
@ bootstrap e7633f287f581d8681cb:555fn
@ bootstrap e7633f287f581d8681cb:86(anonymous function)
@ bootstrap e7633f287f581d8681cb:578__webpack_require__
@ bootstrap e7633f287f581d8681cb:555(anonymous function)
@ bootstrap e7633f287f581d8681cb:578(anonymous function)
@ bootstrap e7633f287f581d8681cb:578

amilajack · 2016-10-01T17:29:21Z

Try updating your npm version to the latest version

npm cache clean
npm i -g npm

It could have to do with how some dependencies have not been installed correctly.

brakowski · 2016-10-01T17:32:09Z

But it works without ejecting.

Edit: cache clean and update of npm did not solve the issue

gaearon · 2016-10-01T19:27:36Z

Can you reliably reproduce it with absolutely new app?

gaearon · 2016-10-01T19:29:44Z

Okay, this stack trace is super valuable.

Looks like this has something to do with webpackHotDevClient pulling in url pulling in querystring pulling in some sort of broken Buffer polyfill.

Can anybody else reproduce this?

brakowski · 2016-10-02T08:03:23Z

Yes i just now tried again. Did start the server before ejecting and it works fine, after ejecting the above mentioned error is thrown.

brakowski · 2016-10-02T09:16:37Z

Ok found it out, adding 'url' as devDependency solves the issue.

gaearon · 2016-10-02T12:19:41Z

This is weird. Our end-to-end test runs start after eject on npm 2.15.9, and Travis log seems fine.

I also can’t reproduce it locally with npm 3, although it’s worth trying with your specific version:

gaearon · 2016-10-02T12:26:32Z

Please post output of:

npm ls url
npm ls querystring
npm ls buffer

after running in the ejected project in broken state.

brakowski · 2016-10-02T12:42:02Z

npm ls url

[email protected] 
└─┬ [email protected]
  └─┬ [email protected]
    └── [email protected]

npm ls querystring

[email protected]
└─┬ [email protected]
  └─┬ [email protected]
    └─┬ [email protected]
      └── [email protected]

npm ls buffer

[email protected]
└─┬ [email protected]
  └─┬ [email protected]
    └── [email protected]

After installing url:

npm ls url

[email protected]
├── [email protected] 
└─┬ [email protected]
  └─┬ [email protected]
    └── [email protected]

npm ls querystring

[email protected]
├─┬ [email protected]
│ └── [email protected] 
└─┬ [email protected]
  └─┬ [email protected]
    └─┬ [email protected]
      └── [email protected]

Buffer stays the same.

gaearon · 2016-10-03T12:29:49Z

I likely won’t have time to dive into this soon, so for now please use the "add url to devDependencies" workaround.

I would appreciate if somebody could dive into why this happens and tried to reproduce it with your npm version.

NessDan · 2016-10-12T18:51:02Z

@brakowski thank you, the url dependency fixed it.

I was having the same issue on Ubuntu 15.10, node v6.3.1, npm v3.10.8

maxoux · 2016-11-03T10:11:11Z

I have same issue, but the url dependency did not solve the issue...
npm: 3.8.6
node: 6.1.0
OS : Linux debian 3.16.0-4-amd64 #1 SMP Debian 3.16.36-1+deb8u1 (2016-09-03) x86_64 GNU/Linux

npm ls url

├── [email protected] 
└─┬ [email protected]
  └─┬ [email protected]
    └── [email protected]

npm ls querystring

└─┬ [email protected]
  └── [email protected]

npm ls buffer

└─┬ [email protected]
  └─┬ [email protected]
    └── [email protected]

i have this issue with this computer, and a computer's coworker on ubuntu.
But my laptop work fine, on same version of debian.

sirreal · 2016-11-30T19:58:51Z

I experienced this issue and mistakenly attributed it to a module I was using. My project was not ejected. See: rjsf-team/react-jsonschema-form#321

My workaround was to build my app inside a disposable container.

gaearon · 2016-11-30T20:05:12Z

I wonder if it's the same problem as #1023.

ghost · 2016-11-30T20:10:17Z

I am experiencing this same error message after installing a different module, auth0-lock (https://github.com/auth0/lock). I have not ejected my project, but I found others were experiencing the same error message, such as @sirreal , and as mentioned at #587. I saw that this issue is still open, while those other ones are closed, so I've decided to post about my experience here.

npm: 3.10.8
node: 6.9.1
os: Ubuntu 16.04 LTS

I ran npm cache clean and npm i -g npm. I also added url as a dependency, blew away my node_modules dir and re-ran npm install, but none of those fixed the problem, although my error stack trace is shorter:

Uncaught Error: process.binding is not supported
    at Object.process.binding (webpack:///./~/react-scripts/~/process/browser.js?:173:11)
    at Object.eval (webpack:////usr/lib/nodejs/util.js?:3:20)
    at eval (webpack:////usr/lib/nodejs/util.js?:942:30)
    at Object.<anonymous> (http://localhost:3000/static/js/bundle.js:3784:2)
    at __webpack_require__ (http://localhost:3000/static/js/bundle.js:556:30)
    at fn (http://localhost:3000/static/js/bundle.js:87:20)
    at eval (webpack:///./~/auth0-lock/lib/i18n.js?:20:13)
    at Object.<anonymous> (http://localhost:3000/static/js/bundle.js:4342:2)
    at __webpack_require__ (http://localhost:3000/static/js/bundle.js:556:30)
    at fn (http://localhost:3000/static/js/bundle.js:87:20)

Thought I'd post in case these are all related and it could help fix this issue! ¯_(ツ)_/¯

ghost · 2016-11-30T20:23:29Z

@gaearon Should I post my message above in #1023? Or do y'all have a pretty good idea what's going on already? I scanned that issue, but it's a bit above my head ;P. Also, it may be worth noting that just requiring auth0-lock module breaks it. Finally, I'm in a room of 12 people and everyone else has a Mac and are not running into this issue.

gaearon · 2016-11-30T20:28:38Z

No, nobody has any idea why it happens.
We really need help there.

Yes, please cross-post because that thread is bigger.

So far it is only reproducible on Ubuntu, never on OS X.

ghost · 2016-11-30T21:26:25Z

@gaearon Done!
@sirreal Another work around (other than running in a container), would be to identify which node module is falling back to the native copy and add it as a direct dependency in your node_modules. See the latest comments in #1023.

gaearon · 2016-12-07T16:06:59Z

Fixed in #1194.

SkyHustle · 2016-12-07T19:41:49Z

I did not use create-react-app to build my project but this is the only relevant thread to my particular case. I'm using the Firebase Admin SDK and as soon as I import * as admin from 'firebase-admin' I get this same error on the client bundle.js:1048 Uncaught Error: process.binding is not supported

I've tried everything in this thread and it still won't go away, any insight would be appreciated!? I'm kinda desperate at this point :(

Could someone at least explain what exactly is process and what is the method binding that's being called on process? Since this is a webpack issue maybe I can require Firebase Admin SDK without the use of webpack? If so, how would I go about doing this?

gaearon · 2016-12-07T20:03:07Z

@Dmitry1007

Have you seen my summary in #1194 (comment)? This likely means a Node.js module somehow ends up in your build instead of Webpack's shim.

gaearon · 2016-12-07T20:04:39Z

Or perhaps process.binding is part of the shim (most likely) but some module you're importing assumes it's running in Node.js and relies on features not implemented by Webpack's shim.

Are you confident https://www.npmjs.com/package/firebase-admin is supporting being run from browser environments?

gaearon · 2016-12-07T21:43:06Z

Fixed in 0.8.2.
Please verify.

https://github.com/facebookincubator/create-react-app/releases/tag/v0.8.2

Get process bnding error with line "ssh2 = require("ssh2") Check with facebook/create-react-app#815

gaearon added the issue: bug label Oct 2, 2016

gaearon added this to the 0.7.0 milestone Oct 2, 2016

gaearon added the contributions: up for grabs! label Oct 3, 2016

fson modified the milestones: 1.0.0, 0.7.0 Oct 12, 2016

ghost mentioned this issue Nov 30, 2016

Importing module breaks build (create-react-app / webpack) rjsf-team/react-jsonschema-form#321

Closed

1 task

ghost mentioned this issue Nov 30, 2016

npm run build fails for EventEmitter #1023

Closed

gaearon modified the milestones: 0.8.2, 1.0.0 Dec 7, 2016

gaearon mentioned this issue Dec 7, 2016

Only honor relative NODE_PATH #1194

Merged

gaearon closed this as completed Dec 7, 2016

gaearon mentioned this issue Dec 12, 2016

Failed to import mqtt module after upgrading react-scripts to 0.4.1 #587

Closed

AdriVanHoudt mentioned this issue Apr 5, 2017

process.binding is not supported hapijs/joi#1149

Closed

shilman mentioned this issue Jun 14, 2017

Build storybook produces minified build locally but unminified (and not working) build on the server storybookjs/storybook#1272

Closed

Themacprod added a commit to Themacprod/sshcmd that referenced this issue Oct 8, 2017

Added missing node-sass and SSH2.

aecdb72

Get process bnding error with line "ssh2 = require("ssh2") Check with facebook/create-react-app#815

lock bot locked and limited conversation to collaborators Jan 22, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

After ejecting getting "process.binding is not supported" error #815

After ejecting getting "process.binding is not supported" error #815

brakowski commented Oct 1, 2016 •

edited

Loading

Reproducible Demo

amilajack commented Oct 1, 2016 •

edited

Loading

brakowski commented Oct 1, 2016 •

edited

Loading

gaearon commented Oct 1, 2016

gaearon commented Oct 1, 2016

brakowski commented Oct 2, 2016

brakowski commented Oct 2, 2016

gaearon commented Oct 2, 2016

gaearon commented Oct 2, 2016

brakowski commented Oct 2, 2016

gaearon commented Oct 3, 2016

NessDan commented Oct 12, 2016 •

edited

Loading

maxoux commented Nov 3, 2016 •

edited

Loading

sirreal commented Nov 30, 2016

gaearon commented Nov 30, 2016

ghost commented Nov 30, 2016

ghost commented Nov 30, 2016

gaearon commented Nov 30, 2016

ghost commented Nov 30, 2016

gaearon commented Dec 7, 2016

SkyHustle commented Dec 7, 2016 •

edited

Loading

gaearon commented Dec 7, 2016

gaearon commented Dec 7, 2016

gaearon commented Dec 7, 2016

After ejecting getting "process.binding is not supported" error #815

After ejecting getting "process.binding is not supported" error #815

Comments

brakowski commented Oct 1, 2016 • edited Loading

Description

Expected behavior

Actual behavior

Environment

Reproducible Demo

amilajack commented Oct 1, 2016 • edited Loading

brakowski commented Oct 1, 2016 • edited Loading

gaearon commented Oct 1, 2016

gaearon commented Oct 1, 2016

brakowski commented Oct 2, 2016

brakowski commented Oct 2, 2016

gaearon commented Oct 2, 2016

gaearon commented Oct 2, 2016

brakowski commented Oct 2, 2016

After installing url:

gaearon commented Oct 3, 2016

NessDan commented Oct 12, 2016 • edited Loading

maxoux commented Nov 3, 2016 • edited Loading

sirreal commented Nov 30, 2016

gaearon commented Nov 30, 2016

ghost commented Nov 30, 2016

ghost commented Nov 30, 2016

gaearon commented Nov 30, 2016

ghost commented Nov 30, 2016

gaearon commented Dec 7, 2016

SkyHustle commented Dec 7, 2016 • edited Loading

gaearon commented Dec 7, 2016

gaearon commented Dec 7, 2016

gaearon commented Dec 7, 2016

brakowski commented Oct 1, 2016 •

edited

Loading

amilajack commented Oct 1, 2016 •

edited

Loading

brakowski commented Oct 1, 2016 •

edited

Loading

NessDan commented Oct 12, 2016 •

edited

Loading

maxoux commented Nov 3, 2016 •

edited

Loading

SkyHustle commented Dec 7, 2016 •

edited

Loading