dhiwise-nodejs icon indicating copy to clipboard operation
dhiwise-nodejs copied to clipboard

[BUG] Infinite Loading in Browser

Open VivienRg opened this issue 1 year ago • 4 comments

Current Behavior:

In browser the logo is continiously loading, without making any progress. I also had to install using npm i --force

Expected Behavior:

Taken to on boarding

Steps To Reproduce:

npm i --force npm run

In browser console: `[HMR] Waiting for update signal from WDS... index.js:1 Warning: Legacy context API has been detected within a strict-mode tree.

The old API will be supported in all 16.x releases, but applications using it should migrate to the new version.

Please update the following components: LoadableComponent

Learn more about this warning here: https://reactjs.org/link/legacy-context at LoadableComponent (http://localhost:3000/static/js/vendors~main.chunk.js:36350:7) at Route (http://localhost:3000/static/js/vendors~main.chunk.js:39892:29) at Switch (http://localhost:3000/static/js/vendors~main.chunk.js:40061:29) at App at Router (http://localhost:3000/static/js/vendors~main.chunk.js:39564:30) at BrowserRouter (http://localhost:3000/static/js/vendors~main.chunk.js:39078:35) at ToastProvider (http://localhost:3000/static/js/vendors~main.chunk.js:41554:5) at PersistGate (http://localhost:3000/static/js/vendors~main.chunk.js:54213:5) at Provider (http://localhost:3000/static/js/vendors~main.chunk.js:36562:20) at RecoilRoot_INTERNAL (http://localhost:3000/static/js/vendors~main.chunk.js:50220:3) at RecoilRoot (http://localhost:3000/static/js/vendors~main.chunk.js:50359:5) at MainApp at App console. @ index.js:1 printWarning @ react-dom.development.js:67 error @ react-dom.development.js:43 (anonymous) @ react-dom.development.js:11587 push.../../node_modules/react-dom/cjs/react-dom.development.js.ReactStrictModeWarnings.flushLegacyContextWarning @ react-dom.development.js:11571 flushRenderPhaseStrictModeWarningsInDEV @ react-dom.development.js:23819 commitRootImpl @ react-dom.development.js:23005 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 commitRoot @ react-dom.development.js:22990 performSyncWorkOnRoot @ react-dom.development.js:22329 (anonymous) @ react-dom.development.js:11327 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 flushSyncCallbackQueueImpl @ react-dom.development.js:11322 flushSyncCallbackQueue @ react-dom.development.js:11309 scheduleUpdateOnFiber @ react-dom.development.js:21893 enqueueSetState @ react-dom.development.js:12467 push.../../node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:365 (anonymous) @ react.js:61 dispatch @ redux.js:297 rehydrate @ persistStore.js:79 _rehydrate @ persistReducer.js:61 (anonymous) @ persistReducer.js:90 Promise.then (async) (anonymous) @ persistReducer.js:89 Promise.then (async) (anonymous) @ persistReducer.js:84 dispatch @ redux.js:288 (anonymous) @ serializableStateInvariantMiddleware.ts:210 (anonymous) @ index.js:20 (anonymous) @ immutableStateInvariantMiddleware.ts:266 (anonymous) @ actionCreatorInvariantMiddleware.ts:32 persist @ persistStore.js:114 persistStore @ persistStore.js:123 (anonymous) @ App.js:13 ./src/App.js @ App.js:37 webpack_require @ bootstrap:856 fn @ bootstrap:150 (anonymous) @ buildProcessConstant.js:23 ./src/index.js @ index.js:21 webpack_require @ bootstrap:856 fn @ bootstrap:150 1 @ reportWebVitals.js:16 webpack_require @ bootstrap:856 checkDeferredModules @ bootstrap:45 webpackJsonpCallback @ bootstrap:32 (anonymous) @ main.chunk.js:1 react-dom.development.js:67 Warning: componentWillMount has been renamed, and is not recommended for use. See https://reactjs.org/link/unsafe-component-lifecycles for details.

  • Move code with side effects to componentDidMount, and set initial state in the constructor.
  • Rename componentWillMount to UNSAFE_componentWillMount to suppress this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run npx react-codemod rename-unsafe-lifecycles in your project source folder.

Please update the following components: LoadableComponent printWarning @ react-dom.development.js:67 warn @ react-dom.development.js:34 push.../../node_modules/react-dom/cjs/react-dom.development.js.ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings @ react-dom.development.js:11524 flushRenderPhaseStrictModeWarningsInDEV @ react-dom.development.js:23822 commitRootImpl @ react-dom.development.js:23005 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 commitRoot @ react-dom.development.js:22990 performSyncWorkOnRoot @ react-dom.development.js:22329 (anonymous) @ react-dom.development.js:11327 unstable_runWithPriority @ scheduler.development.js:468 runWithPriority$1 @ react-dom.development.js:11276 flushSyncCallbackQueueImpl @ react-dom.development.js:11322 flushSyncCallbackQueue @ react-dom.development.js:11309 scheduleUpdateOnFiber @ react-dom.development.js:21893 enqueueSetState @ react-dom.development.js:12467 push.../../node_modules/react/cjs/react.development.js.Component.setState @ react.development.js:365 (anonymous) @ react.js:61 dispatch @ redux.js:297 rehydrate @ persistStore.js:79 _rehydrate @ persistReducer.js:61 (anonymous) @ persistReducer.js:90 Promise.then (async) (anonymous) @ persistReducer.js:89 Promise.then (async) (anonymous) @ persistReducer.js:84 dispatch @ redux.js:288 (anonymous) @ serializableStateInvariantMiddleware.ts:210 (anonymous) @ index.js:20 (anonymous) @ immutableStateInvariantMiddleware.ts:266 (anonymous) @ actionCreatorInvariantMiddleware.ts:32 persist @ persistStore.js:114 persistStore @ persistStore.js:123 (anonymous) @ App.js:13 ./src/App.js @ App.js:37 webpack_require @ bootstrap:856 fn @ bootstrap:150 (anonymous) @ buildProcessConstant.js:23 ./src/index.js @ index.js:21 webpack_require @ bootstrap:856 fn @ bootstrap:150 1 @ reportWebVitals.js:16 webpack_require @ bootstrap:856 checkDeferredModules @ bootstrap:45 webpackJsonpCallback @ bootstrap:32 (anonymous) @ main.chunk.js:1 2index.js:1 /Users/vivienroggero/Documents/source/dhiwise-nodejs/node_modules/@jridgewell/gen-mapping/dist/gen-mapping.mjs Can't import the named export 'SetArray' from non EcmaScript module (only default export is available) console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push.../../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 index.js:1 /Users/vivienroggero/Documents/source/dhiwise-nodejs/node_modules/@jridgewell/gen-mapping/dist/gen-mapping.mjs Can't import the named export 'TraceMap' from non EcmaScript module (only default export is available) console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push.../../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 index.js:1 /Users/vivienroggero/Documents/source/dhiwise-nodejs/node_modules/@jridgewell/trace-mapping/dist/trace-mapping.mjs Can't import the named export 'decode' from non EcmaScript module (only default export is available) console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push.../../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 index.js:1 /Users/vivienroggero/Documents/source/dhiwise-nodejs/node_modules/@jridgewell/gen-mapping/dist/gen-mapping.mjs Can't import the named export 'decodedMappings' from non EcmaScript module (only default export is available) console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push.../../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 index.js:1 /Users/vivienroggero/Documents/source/dhiwise-nodejs/node_modules/@jridgewell/trace-mapping/dist/trace-mapping.mjs Can't import the named export 'encode' from non EcmaScript module (only default export is available) console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push.../../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 index.js:1 /Users/vivienroggero/Documents/source/dhiwise-nodejs/node_modules/@jridgewell/gen-mapping/dist/gen-mapping.mjs Can't import the named export 'encode' from non EcmaScript module (only default export is available) console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push.../../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 4index.js:1 /Users/vivienroggero/Documents/source/dhiwise-nodejs/node_modules/@jridgewell/gen-mapping/dist/gen-mapping.mjs Can't import the named export 'put' from non EcmaScript module (only default export is available) console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push.../../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 index.js:1 /Users/vivienroggero/Documents/source/dhiwise-nodejs/node_modules/@monaco-editor/react/dist/index.mjs 124:62 Module parse failed: Unexpected token (124:62) File was processed with these loaders:

  • ../../node_modules/babel-loader/lib/index.js You may need an additional loader to handle the result of these loaders. | k(() => { | let i = Se.init();
return i.then(f => (c.current = f) && s(!1)).catch(f => f?.type !== "cancelation" && console.error("Monaco initialization: error:", f)), () => u.current ? I() : i.cancel();

| }), l(() => { | if (u.current && c.current) { console. @ index.js:1 handleErrors @ webpackHotDevClient.js:174 push.../../node_modules/react-dev-utils/webpackHotDevClient.js.connection.onmessage @ webpackHotDevClient.js:213 VM260:2 Uncaught ReferenceError: process is not defined at 4043 (:2:13168) at r (:2:306599) at 8048 (:2:9496) at r (:2:306599) at 8641 (:2:1379) at r (:2:306599) at :2:315627 at :2:324225 at :2:324229 at e.onload (index.js:1:1)`

Environment:

  • OS: Mac os Ventura 13.0
  • Node: v16.15.1
  • npm: 9.8.1

VivienRg avatar Oct 14 '23 01:10 VivienRg

Got the same issue anyone know how to fix this?

RedSpeeds avatar Oct 31 '23 12:10 RedSpeeds

Same error. Repo without maintenance

For people going crazy trying to find the right version of node: nodejs - 14.21.3 npm - 6.14.18

Blabbone avatar Nov 12 '23 09:11 Blabbone

Did anyone found fix to this?

muditgupta-codez avatar Apr 07 '24 19:04 muditgupta-codez

Did anyone found fix to this?

you should try this https://github.com/meetdhanani17/dhiwise-nodejs/tree/fix/server_start_errors, in that i have try to solve issue and its working for me, if any issue found in this repository please don't create issue in dhiwise-nodejs official repository because i have removed some things that occurs error, after successful testing i will raise pr to dhiwise-nodejs official repository

meetdhanani17 avatar Apr 08 '24 09:04 meetdhanani17