ahora vi este código en un video y no sé por qué cuando elimino el "." aparece un error, entonces, ¿qué significa?
import backpack from "./backpack.js"; const markup = (backpack) => { return ` <div> <h3>${backpack.name}</h3> <ul> <li>Volume: ${backpack.volume}</li> <li>Color: ${backpack.color}</li> <li>Number of pockets: ${backpack.pocketNum}</li> <li>Strap lengths: L: ${backpack.strapLength.left}, R: ${ backpack.strapLength.right } </li> <li>Top lid: ${backpack.lidOpen ? "Open" : "Closed"}</li> </ul> </div> `; }; const main = document.createElement("main"); main.innerHTML = markup(backpack); document.body.appendChild(main); export default backpack;import backpack from "./backpack.js";
El código que se muestra arriba está haciendo una importación relativa a un archivo siguiendo la ruta que le proporcionó. Comenzando la ruta con ./ dice "Comenzar en la misma carpeta que este archivo".
Esto es diferente a import backpack from "backpack" , que no usa una ruta de archivo y en su lugar busca un módulo disponible en el navegador. Por lo tanto, el tiempo de ejecución de JS buscará entre los módulos disponibles y encontrará el apropiado, en este caso backpack .
Si desea mucha más información, puede ver MDN, aunque podría ser demasiada información demasiado rápido. ¡Buena suerte!
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import
Espero que esto ayude :)