Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

@nuxt/hints Module Breaks HLS Playback in Vidstack Player

Aperta
  • Qualcosa non va?
#129 0 commenti 2 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
nuxt, typescript
Ambito
frontend, web-dev

Direzione di ricerca

Inizia con la configurazione segnalata in nuxt.config.ts e con la configurazione del player Vidstack che utilizza la sorgente .m3u8. Riproduci la differenza con @nuxt/hints abilitato e disabilitato in sviluppo e produzione, quindi traccia l’interazione che influisce sulla riproduzione HLS. Il lavoro è completato quando HLS viene riprodotto mentre il modulo rimane abilitato, senza regressioni nella riproduzione di MP4, YouTube o Vimeo.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

need reproduction

Summary

Enabling the @nuxt/hints module causes HLS (HTTP Live Streaming) playback to fail silently in Vidstack video players. The player initializes correctly and can play other video formats (MP4, YouTube, Vimeo), but HLS streams (.m3u8 files) do not load or play.

Environment

  • Nuxt Version: 4.2.1
  • @nuxt/hints Version: 1.0.0-alpha.1
  • Vidstack Version: 1.12.13
  • hls.js Version: 1.6.14 (used by Vidstack)
  • Vue Version: 3.5.24
  • Node Version: v22.21.0
  • Package Manager: pnpm
  • OS: Linux (WSL Ubuntu)
  • Browser: (Chrome)

Steps to Reproduce

  1. Enable @nuxt/hints module in nuxt.config.ts:

    modules: [
  '@nuxt/hints',
  // ... other modules
]

  2. Configure a Vidstack player with an HLS source (.m3u8 file)

  3. Attempt to play the HLS video

  4. Observe that the player initializes but HLS playback fails silently

Expected Behavior

HLS videos should play correctly with @nuxt/hints enabled, just like other video formats (MP4, YouTube, Vimeo).

Actual Behavior

  • Player initializes successfully
  • Other video formats (MP4, YouTube, Vimeo) work correctly
  • HLS videos (.m3u8) fail to load/play silently
  • No console errors are displayed
  • Player shows loading state but never starts playback

Workaround

Disable the @nuxt/hints module:

modules: [
  // '@nuxt/hints', // Disabled - conflicts with HLS playback
  // ... other modules
]

Technical Details

Module Order Impact

The position of @nuxt/hints in the modules array does not resolve the issue. Tested positions:

  • At the beginning of modules array
  • At the end of modules array
  • Between other modules

All positions result in the same HLS playback failure.

Configuration
// nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@nuxt/hints', // When enabled, breaks HLS
    // ... other modules
  ],
  
  vue: {
    compilerOptions: {
      isCustomElement: tag => tag.startsWith('media-'),
    },
  },
  
  vite: {
    plugins: [
      vidstack({ include: /components\/blocks\/(Player|Carousel)\.vue/ }),
    ],
  },
})
Player Configuration
<media-player
  :src="/videos/example.m3u8"
  type="application/x-mpegURL"
>
  <media-provider>
    <video />
  </media-provider>
  <media-video-layout />
</media-player>

Additional Context

  • The issue is reproducible consistently
  • No console errors or warnings appear
  • The problem occurs in both development and production builds
  • Module order does not affect the outcome
  • Disabling @nuxt/hints immediately resolves the issue
Lingua principale
TypeScript
Stelle
344
Fork
13
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di nuxt/hints

Tutte le issue di nuxt/hints

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.