Cannot Start Client Application

[shrijaltamrakar]

I tried npm install

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: WaftEngine-Client@4.0.0
npm ERR! Found: webpack@5.65.0
npm ERR! node_modules/webpack
npm ERR!   dev webpack@"^5.48.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^4.0.0" from error-overlay-webpack-plugin@0.4.2
npm ERR! node_modules/error-overlay-webpack-plugin
npm ERR!   dev error-overlay-webpack-plugin@"^0.4.2" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/shrijal/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/shrijal/.npm/_logs/2021-12-29T07_53_44_758Z-debug-0.log

Went on and did

npm install --force

the server ran but there exists a problem with the client.
The console throws following error:

tiny-invariant.cjs.js?0b4e:14 Uncaught Error: Invariant failed: You should not use <Switch> outside a <Router>
    at invariant (tiny-invariant.cjs.js?0b4e:14)
    at eval (react-router.js?d461:671)
    at updateContextConsumer (react-dom.development.js?61bb:19825)
    at beginWork$1 (react-dom.development.js?61bb:20202)
    at HTMLUnknownElement.callCallback (react-dom.development.js?61bb:336)
    at Object.invokeGuardedCallbackDev (react-dom.development.js?61bb:385)
    at invokeGuardedCallback (react-dom.development.js?61bb:440)
    at beginWork$$1 (react-dom.development.js?61bb:25738)
    at performUnitOfWork (react-dom.development.js?61bb:24662)
    at workLoopSync (react-dom.development.js?61bb:24638)
    at performSyncWorkOnRoot (react-dom.development.js?61bb:24237)
    at scheduleUpdateOnFiber (react-dom.development.js?61bb:23665)
    at updateContainer (react-dom.development.js?61bb:27061)
    at eval (react-dom.development.js?61bb:27485)
    at unbatchedUpdates (react-dom.development.js?61bb:24400)
    at legacyRenderSubtreeIntoContainer (react-dom.development.js?61bb:27484)
    at Object.render (react-dom.development.js?61bb:27572)
    at render (app.js?9fee:80)
    at eval (app.js?9fee:113)
    at Module../app/app.js (main.js:19)
    at __webpack_require__ (main.js:475)
    at main.js:1788
    at Function.__webpack_require__.O (main.js:522)
    at main.js:1789
    at main.js:1791
invariant @ tiny-invariant.cjs.js?0b4e:14
eval @ react-router.js?d461:671
updateContextConsumer @ react-dom.development.js?61bb:19825
beginWork$1 @ react-dom.development.js?61bb:20202
callCallback @ react-dom.development.js?61bb:336
invokeGuardedCallbackDev @ react-dom.development.js?61bb:385
invokeGuardedCallback @ react-dom.development.js?61bb:440
beginWork$$1 @ react-dom.development.js?61bb:25738
performUnitOfWork @ react-dom.development.js?61bb:24662
workLoopSync @ react-dom.development.js?61bb:24638
performSyncWorkOnRoot @ react-dom.development.js?61bb:24237
scheduleUpdateOnFiber @ react-dom.development.js?61bb:23665
updateContainer @ react-dom.development.js?61bb:27061
eval @ react-dom.development.js?61bb:27485
unbatchedUpdates @ react-dom.development.js?61bb:24400
legacyRenderSubtreeIntoContainer @ react-dom.development.js?61bb:27484
render @ react-dom.development.js?61bb:27572
render @ app.js?9fee:80
eval @ app.js?9fee:113
./app/app.js @ main.js:19
__webpack_require__ @ main.js:475
(anonymous) @ main.js:1788
__webpack_require__.O @ main.js:522
(anonymous) @ main.js:1789
(anonymous) @ main.js:1791
index.js?1ef8:1 The above error occurred in the <Context.Consumer> component:
    in Switch (created by App)
    in div (created by App)
    in ErrorBoundary (created by App)
    in App (created by ConnectFunction)
    in ConnectFunction (created by withSaga(Connect(App)))
    in withSaga(Connect(App))
    in Router (created by ConnectedRouter)
    in ConnectedRouter (created by Context.Consumer)
    in ConnectedRouterWithContext (created by ConnectFunction)
    in ConnectFunction
    in IntlProvider (created by LanguageProvider)
    in LanguageProvider (created by ConnectFunction)
    in ConnectFunction
    in Provider

React will try to recreate this component tree from scratch using the error boundary you provided, ErrorBoundary.

[mkmpvtltd1]

Here we updated waftengine to version 2.0. We hope this will relove your issue.

[keyurptl7]

try it

npm install npm cache clear -f