Cuando intento crear algún evento dragOver, dragLeave o drop en p5 js, aparece el mismo error en la consola:
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'drop') at setup (sketch.js:62:14) at _setup (p5.min.js:3:431165) at _start (p5.min.js:3:430064) at new _ (p5.min.js:3:433993) at p5.min.js:3:422096Este es el extracto relevante del código de sketch js:
var dropzone; function setup() { dropzone = select('#dropezone'); dropzone.dragOver(highlight); dropzone.dragLeave(unhighlight); dropzone.drop(unhighlight,gotfile); drop(highlight,unhighlight); } function highlight() { dropzone.style('background-color','#ccc'); } function unhighlight() { dropzone.style('background-color','#fff'); }cualquiera de estos eventos de arrastrar o soltar muestra el mismo error
Este es el extracto relevante de html:
<html> <head> <script src="lib/p5.min.js"></script> <script src="lib/p5.dom.js"></script> <script src="sketch.js"></script> <style> #dropezone { padding: 24px; border-style: dashed; font-size: 36pt; width: 50%; } </style> </head>Intenté usar p5.js en lugar de p5.min.js, no ayuda. Uso Brackets sprint 14 build 1.14.2-17770 (release-1.14.2 f71f00acc) build timestamp: Tue Mar 31 2020 00:41:05 GMT-0700 y trabajo en MacOs Monterey 12.1 si esto importa. Tengo el proyecto en una carpeta local. ¿Que estoy haciendo mal? ¿Qué puede ayudar?