akxcv/vuera

Cannot be used in asynchronously required Vue components

Open

#59 geöffnet am 10. Sept. 2018

Auf GitHub ansehen
 (2 Kommentare) (3 Reaktionen) (0 zugewiesene Personen)JavaScript (4.260 Stars) (264 Forks)batch import
help wanted

Beschreibung

If you use it the VuePlugin, and then use asynchronously required components with vue-router, React would complain: Objects are not valid as a React child (found: [object Promise]).

Contributor Guide

Tech Stack
javascriptreactvue
Domain
frontend
Issue Type
bug
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
3
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
stale
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
Vue pluginsReact component renderingAsync component loading
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
45
Research-Richtung
Examine the VuePlugin implementation in vuera's source code, focusing on how it converts Vue components for React. The bug occurs when an async Vue component is used (e.g., with vue router's lazy loading), causing React to receive a Promise instead of a valid React element. Check the error message from React: 'Objects are not valid as a React child (found: [object Promise])'. Look at the component wrapper code to see where the Promise is not awaited or resolved. Also review the issue comments (https://github.com/akxcv/vuera/issues/59) for any hints. Test with a minimal reproduction using vue router async components.