Jspsyc.js umd file version

[shreya2615]

Hi all, I am very new to this world and am trying to run a jsypsych experiment on github, I recently switched to using firebase to log data, after the switch my experiment stopped working online, I used AI to figure out what the issue was and I was told that it was because I needed to update my jspsych.js file in my experiment folder to a file that is UMD, I have tried looking for this file everywhere and have no been able to find it. If anyone would be able to give me some assistance on this I would appreciate any insight or help on the issue!

[VictorMoni]

Hello @shreya2615

The issue happens because recent versions of jsPsych no longer provide a prebuilt UMD bundle (like jspsych.js) for direct <script> usage. Instead, jsPsych is distributed as ES modules via npm.

How to Fix

1. Use jsPsych CDN (UMD build):
You can load the UMD version directly from jsDelivr CDN or unpkg. Example:

<script src="https://unpkg.com/[email protected]/dist/jspsych.js"></script>
<script src="https://unpkg.com/[email protected]/dist/plugin-html-keyboard-response.js"></script>

Replace 7.3.3 with the latest version.

2. If using npm + bundlers (Webpack, Vite, etc.):
Import jsPsych as an ES module:

import jsPsych from "jspsych";
import htmlKeyboardResponse from "@jspsych/plugin-html-keyboard-response";

This is the recommended way for modern setups.

3. Firebase Hosting Note:
Make sure you reference the correct path to the jsPsych file (either from CDN or your dist folder). A missing UMD file path will break the experiment.

References:

• jsPsych Official Docs
• jsPsych GitHub Repository
• jsPsych CDN builds on unpkg

In short:

• Use the CDN link for UMD builds if you don't use a bundler.
• Use npm imports if you have a bundler (recommended for new projects).