I am new to javascript and react. I use create-react-app from the tutorial to create a local develop environment. Now I want to import net library like this:

//index.js
import Net from 'net';

//...Something else

But somehow the npm import the net from

var net = __webpack_require__(/*! net */ "./node_modules/node-libs-browser/mock/empty.js");

How could I get the right library imported?

I am new to javascript and react. I use create-react-app from the tutorial to create a local develop environment. Now I want to import net library like this:

//index.js
import Net from 'net';

//...Something else

But somehow the npm import the net from

var net = __webpack_require__(/*! net */ "./node_modules/node-libs-browser/mock/empty.js");

How could I get the right library imported?

• javascript
• node.js
• reactjs
• browser
• tcp

• try renaming the var net to something else – Rishikesh Dhokare Commented Jan 26, 2018 at 4:50
• You can also use require in React. Can you try with require like how we import in node – Hemadri Dasari Commented Jan 26, 2018 at 4:54
• @RishikeshDhokare I got the var net = bababa... from the chrome. it's something that npm pile from import Net from 'net' – wiio_12 Commented Jan 26, 2018 at 4:56
• @HemadriDasari I tried, but seems like the creat-react-app env automatically pile my .js file. I was using JSX format. – wiio_12 Commented Jan 26, 2018 at 5:02

2 Answers 2

You can't import a module from the Node.js core into a React app.

You need to find an equivalent of net available on NPM and check if it works in a browser.

But I'm not sure you can open a TCP/IPC connection from a JavaScript app in the browser.

If you can use HTTP instead, you should look at fetch.

You can import node js modules from reactjs using "Browserify"

http://browserify/

Browserify lets you require('modules') in the browser by bundling up all of your dependencies.

Browsers don't have the require method defined, but Node.js does. With Browserify you can write code that uses require in the same way that you would use it in Node.