Processing.js – Invalid XHR status 404

Error: uncaught exception: Processing.js: Unable to load pjs sketch files: test.pde ==> Invalid XHR status 404

Cause:
The server doesn’t support .pde files.

Fix:

  • Rename test.pde to test.js
  • Change the following line in template.html
    <canvas id=”myID” data-processing-sources=”@@sketch@@.pde” width=”@@width@@” height=”@@height@@”>
    to
    <canvas id=”myID” data-processing-sources=”@@sketch@@.js” width=”@@width@@” height=”@@height@@”>
  • Note: you have to rename the .pde file after every export!