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

Compatibility Issues with Svelte 5 Runes Mode in Framework7 Svelte

Aperta
#4,298 1 commento 7 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
45/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Tranquilla
Stack tecnologico
javascript
Ambito
frontend, mobile

Direzione di ricerca

Inizia con la diagnostica del compilatore di Svelte 5 in components/list-item.svelte alla riga 103, quindi confronta le dichiarazioni reattive correlate in list-input.svelte, accordion-content.svelte, accordion-toggle.svelte e accordion.svelte. Riproduci il problema usando framework7-svelte 8.3.4 con Svelte 5.1.6 e verifica che gli errori di compatibilità segnalati non si verifichino più senza eseguire il downgrade di Svelte.

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

Descrizione

I am experiencing compatibility issues with Svelte 5 Runes Mode in Framework7 Svelte. Specifically, reactive expressions in Framework7 component files throw the following error:

[svelte] reactive_declaration_non_reactive_property
A $: statement (node_modules/​framework7-svelte/​components/​list-item.svelte:103:2) read reactive state that was not visible to the compiler. Updates to this state will not cause the statement to re-run. The behaviour of this code will change if you migrate it to runes mode

For example, in list-item.svelte, this line throws the error:
$: liClasses = classNames( className, { 'list-group-title': groupTitle, 'media-item': isMedia, swipeout, 'accordion-item': accordionItem, 'accordion-item-opened': accordionItemOpened, disabled: disabled && !(radio || checkbox), 'no-chevron': noChevron, 'chevron-center': chevronCenter, 'disallow-sorting': sortable === false, }, colorClasses($$props), );

I am also experiencing this issue in the following files:

  • node_modules/​framework7-svelte/​components/​list-input.svelte:197:2
  • node_modules/​framework7-svelte/​components/​accordion-content.svelte:9:2
  • node_modules/​framework7-svelte/​components/​accordion-toggle.svelte:9:2
  • node_modules/​framework7-svelte/​components/​accordion.svelte:11:2

I am using the latest versions of both Svelte and Framework7. This issue did not occur before updating to Svelte 5. Are there plans to update Framework7 Svelte for Svelte 5 compatibility? How can I resolve this issue without downgrading Svelte?

Versions:
"framework7": "^8.3.4",
"framework7-svelte": "^8.3.4",
"svelte": "^5.1.6"

Thank you

Lingua principale
JavaScript
Stelle
18.8k
Fork
3.2k
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Guida per i contributori

Apri la guida per i contributori

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 framework7io/framework7

Tutte le issue di framework7io/framework7

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.