I am building a react app and when I try to load up the application in the browser, I get the error in the title. Command I am using to start the application : swa start http://localhost:3000 –run “npm start –javascript” –api-location src/api. Looking through the stack trace this seems to be related to a line in the Mongoose browser.umd file that is trying to split t.versions.node :
e.noop=function(){},e.errorToPOJO=function(t){if(!(t instanceof Error))throw new Error(“error
must be instanceof Error
.”);var e,r={},o=n(Object.getOwnPropertyNames(t));try{for(o.s();!(e=o.n()).done;){var i=e.value;r[i]=t[i]}}catch(t){o.e(t)}finally{o.f()}return r},e.nodeMajorVersion=parseInt(t.versions.node.split(“.”)[0],10)}).call(this,r(10))},function(t,e,r){“use strict”;(function(t){
This is not my code and I am unsure exactly what it is doing or why the t.versions.node is undefined. My node version is 14.16.1, mongoose version is 5.11.1. Stack trace included below :
Uncaught TypeError: Cannot read properties of undefined (reading 'split')
at Object.<anonymous> (browser.umd.js:220)
at Object.<anonymous> (browser.umd.js:220)
at r (browser.umd.js:1)
at Object.<anonymous> (browser.umd.js:1012)
at r (browser.umd.js:1)
at Object.<anonymous> (browser.umd.js:1009)
at r (browser.umd.js:1)
at Object.<anonymous> (browser.umd.js:308)
at Object.<anonymous> (browser.umd.js:425)
at r (browser.umd.js:1)
at Object.<anonymous> (browser.umd.js:756)
at r (browser.umd.js:1)
at Object.<anonymous> (browser.umd.js:973)
at Object.<anonymous> (browser.umd.js:977)
at r (browser.umd.js:1)
at Object.<anonymous> (browser.umd.js:973)
at r (browser.umd.js:1)
at browser.umd.js:1
at browser.umd.js:1
at browser.umd.js:1
at Object../node_modules/mongoose/dist/browser.umd.js (browser.umd.js:1)
at __webpack_require__ (bootstrap:856)
at fn (bootstrap:150)
at Module.<anonymous> (App.js:38)
at Module../src/api/app_functions/func_mongo_create_connection.js (func_mongo_create_connection.js:132)
at __webpack_require__ (bootstrap:856)
at fn (bootstrap:150)
at Module../src/api/az_func_wfd/index.mjs (index.mjs:1)
at __webpack_require__ (bootstrap:856)
at fn (bootstrap:150)
at Module.<anonymous> (CollectLoginInfo.js:59)
at Module../src/component/Configuration.js (Configuration.js:368)
at __webpack_require__ (bootstrap:856)
at fn (bootstrap:150)
at Module.<anonymous> (App.css?dde5:82)
at Module../src/App.js (App.js:38)
at __webpack_require__ (bootstrap:856)
at fn (bootstrap:150)
at Module.<anonymous> (index.css?bb0a:82)
at Module../src/index.js (index.js:18)
at __webpack_require__ (bootstrap:856)
at fn (bootstrap:150)
at Object.1 (ui_carmax_logo.PNG:1)
at __webpack_require__ (bootstrap:856)
at checkDeferredModules (bootstrap:45)
at Array.webpackJsonpCallback [as push] (bootstrap:32)
at main.chunk.js:1
I also believe this might have something to do with my import/exports of functions throughout my code, but that is partially a guess. Any help is appreciated.