Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

In Nuxt, on page refresh it result to error #8816

Open
yagnikvamja opened this issue Jul 24, 2024 · 3 comments
Open

In Nuxt, on page refresh it result to error #8816

yagnikvamja opened this issue Jul 24, 2024 · 3 comments

Comments

@yagnikvamja
Copy link

Description

I am using Nuxt v3.12.3 and have integrated Video.js into my project. While the integration works perfectly when navigating between routes using buttons, an issue arises upon refreshing the page or directly accessing the specific route. For instance, navigating to the /test route using button where Video.js is utilized works without any problems, but refreshing the page or accessing the /test route directly results in an error. I have attached a link below for further reference.

Could you please assist in resolving this issue?

Reduced test case

https://github.com/yagnikvamja/nuxt-videojs-test

Steps to reproduce

  1. Clone the repository.
  2. Open the project and run the command: pnpm install && pnpm run dev.
  3. Use the button to navigate to the /test route.
  4. Observe that the video functions correctly.
  5. Refresh the page.
  6. Notice that an error occurs.

Errors

The below error shows in vscode terminal.
image

The below error shows in chrome
image

What version of Video.js are you using?

v8.16.1

Video.js plugins used.

@videojs-player/vue

What browser(s) including version(s) does this occur with?

Chrome Version 126.0.6478.183 (Official Build) (arm64)

What OS(es) and version(s) does this occur with?

macOS Sonoma 14.5
@yagnikvamja yagnikvamja added the needs: triage This issue needs to be reviewed label Jul 24, 2024
@welcome Welcome
Copy link

welcome bot commented Jul 24, 2024

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.

@gkatsev
Copy link
Member

gkatsev commented Jul 24, 2024

My initial thought is that it's related to SSR or something. Video.js cannot be loaded on the server side.
Also, looking at the repo, it seems like you're using @videojs-player/vue, it might be a bug there: https://github.com/surmon-china/videojs-player

@yagnikvamja
Copy link
Author

Hello @gkatsev ,

Thanks for the quick response. It seems like it's SSR related issue. I will report the same at @videojs-player/vue.

~Best regards,

@mister-ben mister-ben removed the needs: triage This issue needs to be reviewed label Jul 25, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@gkatsev @mister-ben @yagnikvamja