Hello,
I’m working on my first experiment with JsPsych (version 7.2.3) and Pavlovia. I ran into a weird problem, does anyone have experience with something similar?
I developed the JsPsych index.html file locally and now try to configure it with Pavlovia. I did manage it, however, when I run the experiment, the css in the tags in the head section, as well as some on_load JS are ignored. I’m confused because they do work locally. I tried to extract the css into a stylesheet but it makes no difference.
I get these error messages and warnings:
If I click on the link in the error message, this webpage comes up:
https://pavlovia.org//api/v2/experiments/239297/sessions
Unfortunately, I have no idea what it’s trying to communicate 
Does anyone else understand?
Happy to post code / files here if this is of any help 
Thank you to everyone who takes the time!
Best wishes,
//Emma
My head section:
<html>
<head>
<title>Dynamic Interface Updates</title>
<!-- NOTE: I changed the jspsych version to 7.2.3, but it can be changed back to 7.2.1 by removing _7.2.3 in each script source-->
<script src="jspsych_7.2.3/dist/jspsych.js"></script>
<script src="jspsych_7.2.3/dist/plugin-html-keyboard-response.js"></script>
<script src="jspsych_7.2.3/dist/plugin-html-button-response.js"></script>
<script src="jspsych_7.2.3/dist/plugin-image-button-response.js"></script>
<script src="jspsych_7.2.3/dist/plugin-fullscreen.js"></script>
<script src="jspsych_7.2.3/dist/plugin-survey-html-form.js"></script>
<script src="jspsych_7.2.3/dist/plugin-preload.js"></script>
<script scr="https://gitlab.pavlovia.org/shir/jsPsych_SimpleReactionTime/blob/master/jspsych-7-pavlovia-2021.12.js"></script>
<link rel="stylesheet" href="jspsych_7.2.3/dist/jspsych.css" type="text/css">
<!--<link rel="stylesheet" href="stylesheet.css" type="text/css">-->
<style>
/* -------------General */
body {
text-align: center;
position: relative;
font-size: 20px;
vertical-align: middle;
margin: auto;
}
.body.trial {
background-color: #92a8d1;
}
.jspsych-content {
max-width: 100%;
text-align: center;
position: relative;
margin: auto;
}
</style>
</head>
<body>
<script>
/* initialize jsPsych */
var jsPsych = initJsPsych({
on_finish: function() {
jsPsych.data.displayData();
}
});
But thanks anyway!