React JS project Error: TypeError: Cannot read property '_handle' of undefined., stream isn undefined.

This is the error I am getting, I am using OpenCV@3 and "opencv4nodejs": "^5.1.0".

What am I missing? I would greatly appreciate your help.

There are the error, I am getting. It seems that "stream" is not defined.

Error (below):

TypeError: ### Cannot read property '_handle' of undefined
(anonymous function)
src/simpleui/frontend/node_modules/set-blocking/index.js:3
1 | module.exports = function (blocking) {
2 | [process.stdout, process.stderr].forEach(function (stream) {
> 3 | if (stream._handle && stream.isTTY && typeof stream._handle.setBlocking === 'function') {
4 | stream._handle.setBlocking(blocking)
5 | }
6 | })
View compiled
./node_modules/set-blocking/index.js.module.exports
src/simpleui/frontend/node_modules/set-blocking/index.js:2
1 | module.exports = function (blocking) {
> 2 | [process.stdout, process.stderr].forEach(function (stream) {
3 | if (stream._handle && stream.isTTY && typeof stream._handle.setBlocking === 'function') {
4 | stream._handle.setBlocking(blocking)
5 | }
View compiled
(anonymous function)
src/simpleui/frontend/node_modules/npmlog/log.js:11
8 | var setBlocking = require('set-blocking')
9 | var consoleControl = require('console-control-strings')
10 |
> 11 | setBlocking(true)
12 | var stream = process.stderr
13 | Object.defineProperty(log, 'stream', {
14 | set: function (newStream) {
View compiled
./node_modules/npmlog/log.js
http://localhost:3000/static/js/bundle.js:180504:30
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
fn
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:88
85 | console.warn("[HMR] unexpected require(" + request + ") from disposed module " + moduleId);
86 | hotCurrentParents = [];
87 | }
> 88 | return __webpack_require__(request);
89 | };
90 | var ObjectFactory = function ObjectFactory(name) {
91 | return {
View compiled
(anonymous function)
src/simpleui/frontend/node_modules/opencv-build/build/utils.js:41
38 | var child_process = require("child_process");
39 | var fs = require("fs");
40 | var path = require("path");
> 41 | var log = require('npmlog');
42 | function exec(cmd, options) {
43 | log.silly('install', 'executing:', cmd);
44 | return new Promise(function (resolve, reject) {
View compiled
./node_modules/opencv-build/build/utils.js
http://localhost:3000/static/js/bundle.js:181120:30
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
fn
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:88
85 | console.warn("[HMR] unexpected require(" + request + ") from disposed module " + moduleId);
86 | hotCurrentParents = [];
87 | }
> 88 | return __webpack_require__(request);
89 | };
90 | var ObjectFactory = function ObjectFactory(name) {
91 | return {
View compiled
(anonymous function)
src/simpleui/frontend/node_modules/opencv-build/build/dirs.js:4
1 | "use strict";
2 | Object.defineProperty(exports, "__esModule", { value: true });
3 | var path = require("path");
> 4 | var utils_1 = require("./utils");
5 | var rootDir = path.resolve(__dirname, '../');
6 | var opencvRoot = path.join(rootDir, 'opencv');
7 | var opencvSrc = path.join(opencvRoot, 'opencv');
View compiled
./node_modules/opencv-build/build/dirs.js
http://localhost:3000/static/js/bundle.js:180758:30
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
fn
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:88
85 | console.warn("[HMR] unexpected require(" + request + ") from disposed module " + moduleId);
86 | hotCurrentParents = [];
87 | }
> 88 | return __webpack_require__(request);
89 | };
90 | var ObjectFactory = function ObjectFactory(name) {
91 | return {
View compiled
./node_modules/opencv-build/build/constants.js
src/simpleui/frontend/node_modules/opencv-build/build/constants.js:3
1 | "use strict";
2 | Object.defineProperty(exports, "__esModule", { value: true });
> 3 | var dirs_1 = require("./dirs");
4 | exports.OPENCV_CONTRIB_ARCHIVE = 'https://github.com/opencv/opencv_contrib/archive/3.4.6.tar.gz';
5 | exports.opencvRepoUrl = 'https://github.com/opencv/opencv.git';
6 | exports.opencvContribRepoUrl = 'https://github.com/opencv/opencv_contrib.git';
View compiled
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
fn
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:88
85 | console.warn("[HMR] unexpected require(" + request + ") from disposed module " + moduleId);
86 | hotCurrentParents = [];
87 | }
> 88 | return __webpack_require__(request);
89 | };
90 | var ObjectFactory = function ObjectFactory(name) {
91 | return {
View compiled
./node_modules/opencv-build/build/index.js
src/simpleui/frontend/node_modules/opencv-build/build/index.js:5
2 | Object.defineProperty(exports, "__esModule", { value: true });
3 | var fs = require("fs");
4 | var path = require("path");
> 5 | var constants_1 = require("./constants");
6 | var dirs_1 = require("./dirs");
7 | var getLibsFactory_1 = require("./getLibsFactory");
8 | var utils_1 = require("./utils");
View compiled
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
fn
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:88
85 | console.warn("[HMR] unexpected require(" + request + ") from disposed module " + moduleId);
86 | hotCurrentParents = [];
87 | }
> 88 | return __webpack_require__(request);
89 | };
90 | var ObjectFactory = function ObjectFactory(name) {
91 | return {
View compiled
(anonymous function)
src/simpleui/frontend/node_modules/opencv4nodejs/lib/cv.js:2
1 | const path = require('path');
> 2 | const opencvBuild = require('opencv-build');
3 | const { resolvePath } = require('./commons');
4 |
5 | // ensure binaries are added to path on windows
View compiled
./node_modules/opencv4nodejs/lib/cv.js
http://localhost:3000/static/js/bundle.js:181231:30
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
fn
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:88
85 | console.warn("[HMR] unexpected require(" + request + ") from disposed module " + moduleId);
86 | hotCurrentParents = [];
87 | }
> 88 | return __webpack_require__(request);
89 | };
90 | var ObjectFactory = function ObjectFactory(name) {
91 | return {
View compiled
(anonymous function)
src/simpleui/frontend/node_modules/opencv4nodejs/lib/opencv4nodejs.js:11
8 | && global.window && global.window.process && global.window.process.type
9 | && global.navigator && ((global.navigator.userAgent || '').toLowerCase().indexOf(' electron/') > -1)
10 |
> 11 | let cv = isElectronWebpack ? require('../build/Release/opencv4nodejs.node') : require('./cv')
12 |
13 | // promisify async methods
14 | cv = promisify(cv);
View compiled
./node_modules/opencv4nodejs/lib/opencv4nodejs.js
http://localhost:3000/static/js/bundle.js:181260:30
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
fn
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:88
85 | console.warn("[HMR] unexpected require(" + request + ") from disposed module " + moduleId);
86 | hotCurrentParents = [];
87 | }
> 88 | return __webpack_require__(request);
89 | };
90 | var ObjectFactory = function ObjectFactory(name) {
91 | return {
View compiled
./src/components/views/OpenCVView.js
http://localhost:3000/static/js/bundle.js:315820:73
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
fn
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:88
85 | console.warn("[HMR] unexpected require(" + request + ") from disposed module " + moduleId);
86 | hotCurrentParents = [];
87 | }
> 88 | return __webpack_require__(request);
89 | };
90 | var ObjectFactory = function ObjectFactory(name) {
91 | return {
View compiled
./src/components/views/AppView.js
http://localhost:3000/static/js/bundle.js:307110:71
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
fn
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:88
85 | console.warn("[HMR] unexpected require(" + request + ") from disposed module " + moduleId);
86 | hotCurrentParents = [];
87 | }
> 88 | return __webpack_require__(request);
89 | };
90 | var ObjectFactory = function ObjectFactory(name) {
91 | return {
View compiled
./src/components/views/MainView.js
http://localhost:3000/static/js/bundle.js:315574:67
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
fn
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:88
85 | console.warn("[HMR] unexpected require(" + request + ") from disposed module " + moduleId);
86 | hotCurrentParents = [];
87 | }
> 88 | return __webpack_require__(request);
89 | };
90 | var ObjectFactory = function ObjectFactory(name) {
91 | return {
View compiled
./src/App.js
http://localhost:3000/static/js/bundle.js:304713:85
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
fn
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:88
85 | console.warn("[HMR] unexpected require(" + request + ") from disposed module " + moduleId);
86 | hotCurrentParents = [];
87 | }
> 88 | return __webpack_require__(request);
89 | };
90 | var ObjectFactory = function ObjectFactory(name) {
91 | return {
View compiled
./src/index.js
http://localhost:3000/static/js/bundle.js:324783:63
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
fn
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:88
85 | console.warn("[HMR] unexpected require(" + request + ") from disposed module " + moduleId);
86 | hotCurrentParents = [];
87 | }
> 88 | return __webpack_require__(request);
89 | };
90 | var ObjectFactory = function ObjectFactory(name) {
91 | return {
View compiled
0
http://localhost:3000/static/js/bundle.js:329917:18
__webpack_require__
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:678
675 | };
676 |
677 | // Execute the module function
> 678 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
679 |
680 | // Flag the module as loaded
681 | module.l = true;
View compiled
(anonymous function)
src/simpleui/frontend/webpack/bootstrap 5a9939d6c8d44863ebcb:724
721 | __webpack_require__.h = function() { return hotCurrentHash; };
722 |
723 | // Load entry module and return exports
> 724 | return hotCreateRequire(0)(__webpack_require__.s = 0);
725 |
726 |
727 |
View compiled
(anonymous function)
http://localhost:3000/static/js/bundle.js:728:10
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.

*OpenCV 3

*With OpenCV-contrib?* (extra modules): yes/no? NO

*OS*: MacOSX?