How i can overcome from this issue

I followed the youtube tutorial and can register, but can't login. This is the the login system with nodejs and react

After narrowing down the code, I believe its coming from the /routes/users.js file. Has anyone else has this problem? You know of a solution?

delete functionality is not working properly ,400 status on api call and not able to delete it from database eventhough i used put instead of delete.I also tried delete but still not working.

[HPM] Error occurred while trying to proxy request /users/register from localhost:4200 to http://localhost:3000 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)

I followed the tutorial but the user gets logged out when you refresh or go to a new page.

I keep getting the below error when trying to login. How do I fix it?

Unhandled Rejection (TypeError): Cannot read property 'error' of undefined
(anonymous function)
D:/CovidApp/Covid19nu/react-frontend/src/components/Login.js:29
26 | }
27 |
28 | login(user).then(res => {

29 | if (!res.error) {
| ^ 30 | this.props.history.push(/profile)
31 | }
32 | })

Regarding mevn-mongodb-login-reg, after logging in, the user is logged out after refreshing the page. How can this be fixed so that the user stays logged in after refreshing?

How do you add route guards to this app? I tried adding the following in the index.js:

router.beforeEach((to, from, next) => {
  const token = localStorage.usertoken
  const requiresAuth = to.matched.some(record => record.meta.requiresAuth)
  if (requiresAuth && !token) next('login')
  else if (!requiresAuth && token) next('profile')
  else next()
})
export default router

... in order to prevent the user from being logged out after refreshing the page, but to no avail. Any recommendations on how to add route guards?

After I compiled and ran in browser, I found 2 errors.

I verified the code and there is no issue on the code. Still i get the following error at runtime.
[AuthenticationService -> AuthenticationService -> AuthenticationService]:
NullInjectorError: No provider for AuthenticationService!
at NullInjector.get (http://localhost:4200/vendor.js:9122:27)
at R3Injector.get (http://localhost:4200/vendor.js:19388:33)
at R3Injector.get (http://localhost:4200/vendor.js:19388:33)
at R3Injector.get (http://localhost:4200/vendor.js:19388:33)
at NgModuleRef$1.get (http://localhost:4200/vendor.js:32142:33)
at Object.get (http://localhost:4200/vendor.js:30407:35)
at getOrCreateInjectable (http://localhost:4200/vendor.js:12128:39)
at Module.ɵɵdirectiveInject (http://localhost:4200/vendor.js:22059:12)
at NodeInjectorFactory.AppComponent_Factory [as factory] (http://localhost:4200/main.js:151:150)
at getNodeInjectable (http://localhost:4200/vendor.js:12236:44)
defaultErrorLogger @ core.js:4196
handleError @ core.js:4244
(anonymous) @ core.js:27807
invoke @ zone-evergreen.js:364
run @ zone-evergreen.js:123
runOutsideAngular @ core.js:27074
(anonymous) @ core.js:27807
invoke @ zone-evergreen.js:364
onInvoke @ core.js:27147
invoke @ zone-evergreen.js:363
run @ zone-evergreen.js:123
(anonymous) @ zone-evergreen.js:857
invokeTask @ zone-evergreen.js:399
onInvokeTask @ core.js:27135
invokeTask @ zone-evergreen.js:398
runTask @ zone-evergreen.js:167
drainMicroTaskQueue @ zone-evergreen.js:569
Promise.then (async)
scheduleMicroTask @ zone-evergreen.js:552
scheduleTask @ zone-evergreen.js:388
scheduleTask @ zone-evergreen.js:210
scheduleMicroTask @ zone-evergreen.js:230
scheduleResolveOrReject @ zone-evergreen.js:847
then @ zone-evergreen.js:979
bootstrapModule @ core.js:27735
./src/main.ts @ main.ts:11
webpack_require @ bootstrap:79
0 @ main.ts:12
webpack_require @ bootstrap:79
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
main.ts:12 NullInjectorError: R3InjectorError(AppModule)[AuthenticationService -> AuthenticationService -> AuthenticationService]:
NullInjectorError: No provider for AuthenticationService!
at NullInjector.get (http://localhost:4200/vendor.js:9122:27)
at R3Injector.get (http://localhost:4200/vendor.js:19388:33)
at R3Injector.get (http://localhost:4200/vendor.js:19388:33)
at R3Injector.get (http://localhost:4200/vendor.js:19388:33)
at NgModuleRef$1.get (http://localhost:4200/vendor.js:32142:33)
at Object.get (http://localhost:4200/vendor.js:30407:35)
at getOrCreateInjectable (http://localhost:4200/vendor.js:12128:39)
at Module.ɵɵdirectiveInject (http://localhost:4200/vendor.js:22059:12)
at NodeInjectorFactory.AppComponent_Factory [as factory] (http://localhost:4200/main.js:151:150)
at getNodeInjectable (http://localhost:4200/vendor.js:12236:44)
(anonymous) @ main.ts:12
invoke @ zone-evergreen.js:364
run @ zone-evergreen.js:123
(anonymous) @ zone-evergreen.js:857
invokeTask @ zone-evergreen.js:399
runTask @ zone-evergreen.js:167
drainMicroTaskQueue @ zone-evergreen.js:569
Promise.then (async)
scheduleMicroTask @ zone-evergreen.js:552
scheduleTask @ zone-evergreen.js:388
scheduleTask @ zone-evergreen.js:210
scheduleMicroTask @ zone-evergreen.js:230
scheduleResolveOrReject @ zone-evergreen.js:847
then @ zone-evergreen.js:979
bootstrapModule @ core.js:27735
./src/main.ts @ main.ts:11
webpack_require @ bootstrap:79
0 @ main.ts:12
webpack_require @ bootstrap:79
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1
sockjs.js:2999 WebSocket connection to 'ws://localhost:4200/sockjs-node/739/5ofwcuvj/websocket' failed: WebSocket is closed before the connection is established.
WebSocketTransport.close @ sockjs.js:2999
SockJS._transportTimeout @ sockjs.js:844
invokeTask @ zone-evergreen.js:399
runTask @ zone-evergreen.js:167
invokeTask @ zone-evergreen.js:480
ZoneTask.invoke @ zone-evergreen.js:469
timer @ zone-evergreen.js:2552
setTimeout (async)
scheduleTask @ zone-evergreen.js:2573
scheduleTask @ zone-evergreen.js:385
scheduleTask @ zone-evergreen.js:210
scheduleMacroTask @ zone-evergreen.js:233
scheduleMacroTaskWithCurrentZone @ zone-evergreen.js:1134
(anonymous) @ zone-evergreen.js:2586
proto. @ zone-evergreen.js:1449
SockJS._connect @ sockjs.js:823
SockJS._receiveInfo @ sockjs.js:803
g @ sockjs.js:66
EventEmitter.emit @ sockjs.js:86
(anonymous) @ sockjs.js:567
g @ sockjs.js:66
EventEmitter.emit @ sockjs.js:86
(anonymous) @ sockjs.js:374
g @ sockjs.js:66
EventEmitter.emit @ sockjs.js:86
xhr.onreadystatechange @ sockjs.js:1598
wrapFn @ zone-evergreen.js:1218
invokeTask @ zone-evergreen.js:399
runTask @ zone-evergreen.js:167
invokeTask @ zone-evergreen.js:480
invokeTask @ zone-evergreen.js:1621
globalZoneAwareCallback @ zone-evergreen.js:1647
XMLHttpRequest.send (async)
scheduleTask @ zone-evergreen.js:2845
scheduleTask @ zone-evergreen.js:385
scheduleTask @ zone-evergreen.js:210
scheduleMacroTask @ zone-evergreen.js:233
scheduleMacroTaskWithCurrentZone @ zone-evergreen.js:1134
(anonymous) @ zone-evergreen.js:2878
proto. @ zone-evergreen.js:1449
AbstractXHRObject._start @ sockjs.js:1606
(anonymous) @ sockjs.js:1495
invokeTask @ zone-evergreen.js:399
runTask @ zone-evergreen.js:167
invokeTask @ zone-evergreen.js:480
ZoneTask.invoke @ zone-evergreen.js:469
timer @ zone-evergreen.js:2552
setTimeout (async)
scheduleTask @ zone-evergreen.js:2573
scheduleTask @ zone-evergreen.js:385
scheduleTask @ zone-evergreen.js:210
scheduleMacroTask @ zone-evergreen.js:233
scheduleMacroTaskWithCurrentZone @ zone-evergreen.js:1134
(anonymous) @ zone-evergreen.js:2586
proto. @ zone-evergreen.js:1449
AbstractXHRObject @ sockjs.js:1494
XHRLocalObject @ sockjs.js:2915
InfoAjax @ sockjs.js:356
InfoReceiver._getReceiver @ sockjs.js:536
InfoReceiver.doXhr @ sockjs.js:556
(anonymous) @ sockjs.js:525
invokeTask @ zone-evergreen.js:399
runTask @ zone-evergreen.js:167
invokeTask @ zone-evergreen.js:480
ZoneTask.invoke @ zone-evergreen.js:469
timer @ zone-evergreen.js:2552
setTimeout (async)
scheduleTask @ zone-evergreen.js:2573
scheduleTask @ zone-evergreen.js:385
scheduleTask @ zone-evergreen.js:210
scheduleMacroTask @ zone-evergreen.js:233
scheduleMacroTaskWithCurrentZone @ zone-evergreen.js:1134
(anonymous) @ zone-evergreen.js:2586
proto. @ zone-evergreen.js:1449
InfoReceiver @ sockjs.js:524
SockJS @ sockjs.js:731
SockJSClient @ SockJSClient.js:43
initSocket @ socket.js:20
(anonymous) @ client:176
./node_modules/webpack-dev-server/client/index.js?http://0.0.0.0:0/sockjs-node&sockPath=/sockjs-node @ vendor.js:67879
webpack_require @ bootstrap:79
0 @ main.ts:12
webpack_require @ bootstrap:79
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32

(anonymous) @ main.js:1
client:52 [WDS] Live Reloading enabled.

Hi,

While starting the node server, I am getting the below error.

Error: ENOENT: no such file or directory, open 'E:\workspace\adonisjs-react-mysql-login-reg.env'

While the react part works well, but the node part is having this issue.

Screenshot attached for more insights, Please have a look.

Thanks,
Ashish Goyal

please, put a license?

Hi! Thank you for the lessons. I can't found Angular code for the next modules
Laravel + Angular + MySQL Login and Registration
Laravel + Angular + MongoDB Login and Registration

User data(first_name,last_name,email) can not be displayed after user successfully logs into his account.
Error is pointed at this line of code,
var decoded = jwt.verify(req.headers['authorization'], process.env.SECRET_KEY);
in Users.js of routes folder of node.js side code.

here are screenshots

After inputting the incorrect password in the login page, the user is redirected to the profile page with no loaded information and a ton of errors in the console. It would probably be better if the login page did not redirect to the profile page at all if an incorrect password is inputted. Can this be fixed so that user remains on the login page if the incorrect password is inputted?

I have problems with register and login to my mysql. What row settings should my db have? Text or json?

Nice repo you have here !!! Congrats !!

I want to ask if the routes are login protected in vuejs-flask-mysql-login-reg ?