NotFoundError dans insertBefore sur Bolt : erreur de manipulation du DOM pour application mobile

Describe the bug

Description du problème

Je rencontre une erreur récurrente NotFoundError liée à insertBefore lors du développement d'une application mobile sur l'environnement Bolt. Cette erreur semble être causée par des manipulations DOM effectuées en interne par Bolt ou une de ses dépendances, et bloque l’exécution de plusieurs fonctionnalités.

Message d’erreur

Link to the Bolt URL that caused the error

https://bolt.new/~/sb1-ahta4q

Steps to reproduce

Connectez-vous à l'environnement de développement Bolt.
Créez ou ouvrez un projet d’application mobile. InKlusif Activity Discovery Platform
Ajoutez un composant nécessitant une manipulation DOM impliquant l'insertion de nœuds, comme l’ajout d’un élément à un conteneur.
Testez l'application en mode aperçu.
Observez le message d'erreur NotFoundError dans la console, indiquant une erreur avec insertBefore.

Ce comportement se produit de manière récurrente dans plusieurs parties de l’application, notamment dans :

Les écrans d'inscription et de connexion (ajout de formulaires ou d'éléments interactifs).
La navigation et personnalisation de l'interface utilisateur.
Les sections de notifications et de rappels personnalisés.

Expected behavior

Je m'attendais à ce que les nœuds DOM soient insérés correctement sans provoquer d'erreurs NotFoundError. Plus précisément, j'attendais :

Que les éléments soient ajoutés au DOM de façon fluide avec appendChild ou insertBefore, sans erreur de référence pour les nœuds de parent ou d’enfant.
Que les manipulations DOM internes de Bolt soient compatibles avec les composants ajoutés, sans entraîner d'interruption.
Que l'aperçu fonctionne normalement, permettant de tester l’application et d’utiliser les composants sans blocage.

Screen Recording / Screenshot

No response

Platform

Browser name = Chrome
Full version = 130.0.0.0
Major version = 130
navigator.appName = Netscape
navigator.userAgent = Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36
performance.memory = {
  "totalJSHeapSize": 88695731,
  "usedJSHeapSize": 86685543,
  "jsHeapSizeLimit": 2160066560
}
Username = Inklusif
Chat ID = 591c8fe86ead

Additional context

e problème NotFoundError semble provenir de l’utilisation de insertBefore dans les scripts ou dépendances internes de Bolt. Voici des informations supplémentaires sur le contexte et les tentatives de résolution :

Type de projet : Application pour smartphone, nécessitant des interactions fréquentes avec le DOM pour gérer la navigation, l'inscription, les notifications, et la personnalisation.
Tentatives de résolution :
- Redéfinition de insertBefore globalement pour remplacer par appendChild, sans succès.
- Utilisation de MutationObserver pour surveiller les changements du DOM et corriger les insertions incorrectes, mais l’erreur persiste.
- Interception de l’erreur NotFoundError globalement avec window.onerror pour masquer temporairement l’erreur, mais cette solution est temporaire et ne résout pas le problème de fond.

L'erreur affecte plusieurs sections de l’application, rendant difficile la manipulation de nœuds dans le DOM et perturbant les fonctionnalités d’interface. Cela pourrait être lié à une bibliothèque ou un script que Bolt utilise en interne, qui utilise insertBefore sans vérifier la validité des nœuds parent/enfant.

Votre aide pour identifier et corriger ce problème est essentielle pour garantir le bon fonctionnement de notre application.

Nous vous demandons donc de bien vouloir :

Vérifier le code interne de Bolt pour identifier les dépendances ou composants qui utilisent insertBefore sans vérification adéquate du referenceNode.
Fournir une solution ou un correctif pour éviter que cette erreur NotFoundError ne soit déclenchée lors des manipulations DOM.
Recommander toute configuration ou pratique spécifique qui pourrait nous permettre de contourner ce problème de façon plus robuste si un correctif n'est pas immédiatement possible.

Conclusion

Cette erreur est bloquante pour notre développement, et une résolution serait essentielle pour que nous puissions continuer à travailler sur l'application dans de bonnes conditions. Nous restons à votre disposition pour fournir toute information supplémentaire ou pour tester toute solution proposée.

Contexte et Importance

Cette erreur se manifeste de manière persistante, même après plusieurs tentatives de contournement. Elle bloque l’intégration de certaines fonctionnalités essentielles dans notre application, ce qui rend difficile la progression de notre développement. Cette erreur apparaît particulièrement lors de manipulations DOM associées aux fonctionnalités suivantes :

Inscription et Connexion (formulaires et validation parentale)
Navigation et Personnalisation de l’Expérience Utilisateur
Sélection d'Activités et Propositions Alternatives

Solutions de Contournement Déjà Tentées

Pour essayer de résoudre cette erreur, nous avons mis en œuvre les solutions suivantes :

Redéfinition de insertBefore globalement pour remplacer les appels incorrects par appendChild.
Utilisation de MutationObserver pour surveiller et corriger les insertions de nœuds dans le DOM.
Interception de l’erreur avec window.onerror pour masquer temporairement l'erreur et permettre une exécution partielle du code.

Malheureusement, aucune de ces solutions de contournement n’a pu résoudre le problème de manière définitive, et l’erreur continue de se produire dans plusieurs parties de l’application, limitant nos capacités de développement.

Demande d’Assistance

Merci pour votre aide.

Cordialement,

[Votre Nom]

stackblitz / bolt.new