Pinia InternalError: Zu viele Rekursionsfehler bei der Verwendung von q-list in Quasar
P粉262073176
P粉262073176 2023-09-01 20:26:11
0
1
345

Bei der Verwendung von Pinia Store in meiner Quasar-Komponente ist dieser Fehler InternalError: Too much recursion aufgetreten und ich habe alles getan, was ich weiß, aber keine Lösung gefunden.

Kann ich mich hier beraten lassen?

Dies ist meine IndexPage.vue, wo ich die QList-Komponente aufrufe:

 

Dies ist meine QList.vue

 

还有我的 testeStore.js 商JI:

import { defineStore } from 'pinia' testeData aus „../assets/data/testes.json“ importieren export const testeStore = defineStore({ id: 'teste', Zustand: () => ({ Daten: [], Laden: falsch, }), Getter: { getData: state => state.data, }, Aktionen: { lade Daten () { versuchen { this.loading = true this.data = testeData; } Catch (Fehler) { console.log(`Fehler beim Abrufen der Tests: ${{ error }}`) } Endlich { this.loading = false } } } })

这是来自控制台的一段 vue warn:

[Vue warn]: Unbehandelter Fehler während der Ausführung des Scheduler-Flushes. Dies ist wahrscheinlich ein interner Fehler von Vue. Bitte öffnen Sie ein Problem unter https://new-issue.vuejs.org/?repo=vuejs/core at  at  at  at  at  at  at  at  at  at  at  at  at  at  at  at  at  at  at  at  at 

P粉262073176
P粉262073176

Antworte allen (1)
P粉547170972

刚刚检查了 stackblitz,看起来您自己的 QList 组件和 Quasar 的内置“q-list”组件之间存在命名冲突。 Vue 对待组件名称不区分大小写,这就是为什么它将“q-list”和“QList”解释为同一个组件。

要解决此问题,您可以尝试将自己的 QList 组件重命名为与 Quasar 组件不冲突的其他名称,例如“MyQList”,或者使用别名导入 Quasar“q-list”组件。

从 'quasar' 导入 { Qlist as QuasarList }

    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!