Error when viewing video details after rebuilding the static frontend folder to the static web folder

[harryitc]

Describe the issue

When I first clone the project and run it using the .yaml file docker-compose-dev.yaml, everything works fine. However, a problem occurs when I use the command npm run build. After build success, I go to the domain http://localhost:80/view?m={mediaID}, and it doesn't work when I click on some media in the list.

To Reproduce

Steps to reproduce the issue: (i followed by Develop_docs.md )

1. Run docker-compose -f docker-compose-dev.yaml up
2. In the frontend folder, runnpm run build (or docker-compose -f docker-compose-dev.yaml exec frontend npm run dist)
3. Copy the contents of frontend/dist/static/ to the static/ folder in the root: cp -r frontend/dist/static/* static/
4. Restart the web service: docker-compose -f docker-compose-dev.yaml restart web
5. Go to http//localhost/user/{username} and choose a random media item in the "My Media" tab.
6. Observe the error below

Screenshots

Environment

• OS: Ubuntu 22.04
• Installation method: Docker
• Browser: Chrome

[khaphan-github]

Me too! I can't view the detailed error to troubleshoot it.

[ycmin95]

I encountered a similar problem, and my solution was to install the dependencies that are consistent with the package-lock.json file.