“serve” package fails to load module script

I am 2 days old (new) to learning JS through a toy Twitter project. I have a frontend app that uses Vue and serves the files using serve -p 3000 ./src --single command.

For one of my Vue routes, I want to change the path: /feed (Twitter feed page) to path: /users/:username/feed.

I have a parent LogIn component that routes me to my feed upon successful auth. The URL route nicely changes to localhost:3000/users/genericName/feed. But, when I open a new browser tab to localhost:3000/users/genericName/feed directly (without getting redirected via my LogIn route, I get this error in my Chrome console:

enter image description here

I have a very scattered understanding of the thing, any explanation and fix for the problem is appreciated.

PS: ChatGPT told me to give http-server a shot, I did that, but I hit a 404 in the app. I am assuming it’s a different manifestation of the exact same problem