Hago exactamente lo que la biblioteca documenta aquí .
tengo un error
Uncaught (in promise) TypeError: Cannot read properties of null (reading 'appendChild')índice.html
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles/index.css" /> <script src="libs/p5.min.js"></script> <script src="scripts/barcode.js"></script> </head> <body> <div class="container"></div> </body> </html>Intenté aplazar la importación del script de código de barras y ponerlo al final.
código de barras.js
function setup() { let cnv = createCanvas(500, 500); cnv.parent("container"); }Intenté esto, nada cambió
async function setup() { let cnv = await createCanvas(500, 500); cnv.parent("container"); }¡Gracias por tu percepción!
Como dice la documentación de p5:
La función parent() se utiliza para adjuntar el elemento como elemento principal.
Esta función acepta un ID de cadena, un nodo DOM o p5.Element Add
Así que agregue una identificación al contenedor div y páselo al padre en lugar de a la clase para solucionar el problema
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles/index.css" /> <script src="libs/p5.min.js"></script> <script src="scripts/barcode.js"></script> </head> <body> <div id="container"></div> </body> </html>