← Retour aux issues

Grosses instabilités ?

publié le , mis à jour
Avatar github de bristowbristow

Actuellement, j'ai l'impression que le site est très instable, suis-je le seul ?

J'ai récupère des erreurs en série avec le fond bleu :

Oups, une erreur est survenue :(

Voici l'erreur

Rien qu'en déplaçant la carte avec la souris, j'ai souvent droit à cette erreur, bizarre...

  1. Avatar github de laemlaem

    Merci ! Il faut que je trouve un moyen de mieux afficher les messages d'erreur. Idéalement, brancher un outil qui les collecte.

    Je n'ai pas d'idée là de suite de ce qui pourrait clocher plus maintenant qu'à d'autres moments. Il n'y a pas plus de trafic que d'habitude.

  2. Avatar github de laemlaem

    Je viens de trouver une erreur quand on redimensionne la fenêtre, ça crashait à cause d'indoorequal.

  3. Avatar github de laemlaem

    Voilà, j'ai installé Sentry, on va pouvoir collecter et corriger les erreurs.

  4. Avatar github de bristowbristow

    Je continue à avoir de grosses erreurs.

    Actuellement, je crashe à tous les coups sur cela :

    • faire une recherche d'adresse sur Lyon : genre 30 avenue marechal de saxe
    • cliquer sur : Y aller
    • pouf : erreur
  5. Avatar github de bristowbristow

    Dans l'annuaire, 1 clic, ça va, 2 clic : erreur

    Image

  6. Avatar github de laemlaem

    Mince, impossible de reproduire de mon côté. Je vais regarder plus en détail demain avec les logs de Sentry pour savoir ce qu'il se passe chez toi.

  7. Avatar github de bristowbristow

    Je peux te faire parvenir mon IP si cela te facilite la recherche.

  8. Avatar github de bristowbristow

    Une petite démo car l'erreur ne vient pas tout le temps de la carte. Je ne sais pas ce qui cloche sur mon navigateur avec cartes.app.

    Au début, on ne voit pas mais je vide le cache et les cookies au cas où... Pas mis longtemps à avoir une erreur et sur la carte, c'est encore plus rapide.

    https://github.com/user-attachments/assets/d571e480-e1ef-4f9e-a3d7-168a868b45e4

  9. Avatar github de bristowbristow

    À l'instant, je viens de cliquer sur le lien que tu as donné sur le forum (https://cartes.app/?allez=SNES-FSU%2BNormandie%2BRouen%7Cn7793246238%7C1.0831%7C49.4413), et au dernier moment, hop, erreur :(

  10. Avatar github de laemlaem

    Ce qui est rassurant du côté de Cartes.app, c'est que Sentry me dit que les erreurs restantes n'affectent que très peu d'utilisateurs (une poignée sur les 500 quotidiens).

    Mais on va corriger ça quand même.

    Il faut que je trouve un moyen d'afficher les erreurs côté client. Si Sentry ne les voit pas ou si je ne les comprends pas, ça marchera pas sans l'aide de l'utilisateur qui verra l'erreur.

  11. Avatar github de gadcamgadcam

    Le plus simple pour faire ça c'est sûrement d'utiliser le composant ErrorBoundary de Sentry

    import { ErrorBoundary } from '@sentry/react';

const CustomErrorBoundary = ({ children }) => {
  return <ErrorBoundary fallback={FallbackRender}>{children}</ErrorBoundary>;
};

    Où FallbackRender affiche error?.message d'une manière un peu correcte

    const FallbackRender = ({ error, resetError }) => {
// Affichage d'un message pour l'utilisateur

<p>{error?.message ?? ''}</p>
...
}

    Et après tu rajoutes ton CustomErrorBoundary dans le ClientLayout

  12. Avatar github de bristowbristow

    S'il faut faire quelque chose, prévenez moi ^^

  13. Avatar github de laemlaem

    Ah merci @gadcam, je viens de voir ton message après avoir codé un truc perso.

    @bristow tu devrais voir l'erreur apparaitre la prochaine fois :)

    Image

  14. Avatar github de bristowbristow

    Et voilà de mon côté la première erreur :

    The operation is insecure.

    Trace : $35344/eM/t/<@https://cartes.app/_next/static/chunks/7630-49a285e6a0beb8a1.js:16:3160 89186/t/</rg/this._updateHashUnthrottled@https://cartes.app/_next/static/chunks/05f6971a-d59277a6f503108a.js:53:3067 s@https://cartes.app/_next/static/chunks/05f6971a-d59277a6f503108a.js:53:2338 89186/t/</r_/<@https://cartes.app/_next/static/chunks/05f6971a-d59277a6f503108a.js:53:2408 remove@https://cartes.app/_next/static/chunks/05f6971a-d59277a6f503108a.js:53:3876 remove@https://cartes.app/_next/static/chunks/05f6971a-d59277a6f503108a.js:53:129288 21179/uL/R/<@https://cartes.app/_next/static/chunks/app/page-a5689034dfb2043b.js:1:370668 oT@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:82411 ii@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:101348 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100609 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100809 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100673 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100743 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100673 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100743 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100673 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100743 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100673 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100743 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100673 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100809 ia@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100673 io@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:100809 uh@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:126001 59248/up/<@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:125553 up@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:125640 i9@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:110751 i8@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:110073 uO@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:129501 u_@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:127928 59248/up/<@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:125630 up@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:125640 i9@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:110751 i8@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:110073 uD@https://cartes.app/_next/static/chunks/4bd1b696-5489628aa64ad8eb.js:1:129378 R@https://cartes.app/_next/static/chunks/7630-49a285e6a0beb8a1.js:16:395392

  15. Avatar github de laemlaem

    Merci ! Ça viendrait de l'opération de changement d'URL. pushState et replaceState

  16. Avatar github de laemlaem

    Bon, j'ai beau chercher, impossible de reproduire ici. J'ai testé aussi avec Firefox-ESR, c'est ça que tu utilises ?

    Je suspecte une option de navigateur qui met une politique de sécurité plus stricte, qui transforme un truc sans problème en une erreur :/ que je n'arrive pas à reproduire.

  17. Avatar github de lunaticstraydoglunaticstraydog

    J'arrive a reproduire avec firefox non esr version 134, en faisant recherche adresse sur Lyon puis y aller. Si je passe en navigation privée, plus de problème.

  18. Avatar github de laemlaem

    Si je passe en navigation privée, plus de problème.

    Deux possibilités :

    • vous avez une extension qui pose problème, elles sont désactivées en général en nav privée
    • vous avez une clef dans le localstorage qui pose problème

    Si vous savez le faire, possible de me copier-coller votre local storage ?

  19. Avatar github de laemlaem

    Ouvir la console JS (F12 ou clic droit inspecter puis onglet console) -> coller ce bout de code -> me donner le résultat (vérifiez si rien de compromettant pour vous).

    function getAllLocalStorageItems() {
    let items = {};
    for (let i = 0; i < localStorage.length; i++) {
        let key = localStorage.key(i);
        items[key] = localStorage.getItem(key);
    }
    return items;
}

getAllLocalStorageItems();
  20. Avatar github de lunaticstraydoglunaticstraydog

    [Mael] Merci ! Je me suis permis de supprimer ton partage maintenant que je l'ai.

  21. Avatar github de lunaticstraydoglunaticstraydog

    Bonjour, Je me suis permis de tester un peu, et clairement, de mon côté, c'était une extension qui est a blamer : clearurl Une extension qui enlève automatiquement les trackers des urls, trackers qui te servent entre autres a stocker des infos sur la position courante, le style d'affichage... Ca me semble cohérent (et au vu des reviews de l'app, c'est pas le seul site cassé comme ça :S) Je laisse @bristow voir si il a cette extension d'installée (ou quelque chose d'équivalent...)

  22. Avatar github de bristowbristow

    Mais oui @lunaticstraydog J'ai aussi cette extension.

    Je m'en débarrasse et je reviens confirmer ici !

    Merci pour ce travail de recherche 🙏🏻

✏️ Participer à la discussion