Erreurs JS
Cette section répertorie les erreurs Javascript les plus courantes signalées par notre communauté.
ReferenceError: Navigator is not defined
Section titled ReferenceError: Navigator is not definedCette erreur survient parfois lorsque vous essayez d’importer les plugins tracker-assist ou tracker-fetch ; cela se produit parce que node tente de construire la page sans l’API window dans l’environnement.
La solution est assez simple. Il vous suffit de modifier l’importation habituelle du plugin qui pose problème :
import trackerAssist from '@openreplay/tracker-assist/cjs';
Par l’alternative d’importation dynamique à l’intérieur de componendDidMount ou useEffect :
import Tracker, { Options } from "@openreplay/tracker";
const tracker = new Tracker({ /* your options */ });
class TrackerComponent extends React.Component {
componentDidMount = () => {
import(‘@openreplay/tracker-assist/cjs’).then(({ default: trackerAssist }) => {
tracker.start(/* your options */)
tracker.use(trackerAssist(/* your assist options */))
})
}
/* Other code */
De cette façon, tous les plugins dépendant de l’API window seront importés lorsque le composant sera rendu.
Critical dependency: the request of a dependency is an expression
Section titled Critical dependency: the request of a dependency is an expressionCela peut se produire avec d’anciennes versions du plugin tracker-assist. Vous devriez appliquer cette solution de contournement si vous rencontrez l’erreur ci-dessous lors de la compilation :
Failed to compile.
./node_modules/peerjs/dist/peerjs.min.js
Critical dependency: the request of a dependency is an expression
Uncaught DOMException: Blocked a frame with origin “X” from accessing a cross-origin frame
Section titled Uncaught DOMException: Blocked a frame with origin “X” from accessing a cross-origin frameLe tracker OpenReplay capture par défaut les iFrames du même domaine. Cependant, il génère une erreur lorsqu’il tente de capturer un iFrame qui n’est PAS du même domaine que votre site web. Vous pouvez soit :
- Désactiver entièrement la fonctionnalité en utilisant la propriété
captureIFramescomme dans l’exemple ci-dessous :
const tracker = new OpenReplay({
projectKey: PROJECT_KEY,
captureIFrames: false
});
- Continuer à capturer les iFrames (comportement par défaut) en ajoutant l’attribut HTML
data-openreplay-captureuniquement aux balises<iframe>du même domaine. De cette façon, les iFrames d’origine croisée ne seront pas suivis par OpenReplay.
Mon problème n’est pas répertorié
Section titled Mon problème n’est pas répertoriéSi vous rencontrez des erreurs qui ne sont pas listées sur cette page, n’hésitez pas à signaler un problème ou contactez simplement notre Slack ou consultez notre Forum pour obtenir l’aide de notre communauté.
Vous avez des questions ?
Section titled Vous avez des questions ?Si vous avez des questions concernant ce processus, n’hésitez pas à nous contacter sur notre Slack ou à consulter notre Forum.