Entonces estoy trabajando con html, scss y javascript. Pero cuando intento convertir un archivo en un módulo e intento importar otro archivo, arroja un error. El Loading module from “http://localhost:3000” was blocked because of a disallowed MIME type (“text/html”).
Aquí está mi html (importaciones):
<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"> <link rel="shortcut icon" href="./images/core/Favicon.png"> <link rel="stylesheet" href="./CSS/main.css"> <link href='https://unpkg.com/boxicons@2.1.2/css/boxicons.min.css' rel='stylesheet'> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link href="https://www.cssscript.com/wp-includes/css/sticky.css" rel="stylesheet" type="text/css"> <!-- The script imports --> <script src="./Scripts/animations.js" defer></script> <!-- The file where i try to import a function from another file --> <script src="./Scripts/delivery.js" type="module" defer></script> <title>Home</title> </head>Aquí está el archivo donde intento importar una función (delivery.js):
import { confetti } from './confetti'; confetti(); // ... Sí, estoy exportando una función de confetti.js :
export function confetti() { // ... }Aquí está mi estructura de archivos y carpetas como referencia:
Alguien puede ayudar.