Tengo 3 archivos, uno HTML, 2 archivos javascript llamados app.js y customer .js
Tengo una página HTML en la que he escrito esto.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> hello <script src="app.js" type="module"></script> </body> </html>Acabo de cargar app.js en esta página
app.js contiene esto
import {person} from "./customer"; console.log("helllo");y en customer.js tengo esto
const person={ name:"hello" } export default person;Recibo un error de importación, el error muestra
GET http://127.0.0.1:5500/customer net::ERR_ABORTED 404 (Not Found)Soy nuevo en el desarrollo web, por favor ayúdame.
Aquí, la forma en que lo está importando es incorrecta.
Dejame explicar. En primer lugar, puedo ver que está exportando el módulo por defecto o lo que sea. En ese caso, no necesita esos corchetes.
import person from "./customer.js"; En segundo lugar, solo asegúrese de que en su package.json tenga "type" establecido en "module" como este
"type": "module", En tercer lugar, si está utilizando VSCode, puede hacer clic derecho en su archivo customer.js y hacer clic en copy relative path para obtener su ruta relativa de su proyecto.
Resumen:
¡Espero que esto ayude a resolver tu consulta!