Instalé axios a través de npm y cuando ejecuto la extensión del servidor en vivo, no reconoce las importaciones de axios en mis archivos .js. Cuando uso el comando "importar axios desde 'axios'", aparece este error: "Error de tipo no detectado: no se pudo resolver el especificador de módulo "axios". Las referencias relativas deben comenzar con "/", "./" o ".. /"." ¿algunas ideas?

paquete.json:

 { "name": "footballstatsil", "version": "1.0.0", "description": "A website for football statistics", "default": "controller.js", "type": "module", "scripts": { "dev": "parcel index.html", "build": "parcel build index.html" }, "author": "Dror Salomon", "license": "ISC", "dependencies": { "axios": "^0.24.0", "parcel": "^2.2.0" } }

ejemplo de importación:

 import axios from "axios"; import { API_URL_PLAYERS, API_URL_TEAMS, API_KEY, RAPIDAPI_HOST, } from "./config.js"; const createOptionsObject = function (url, params) { return options = { method: "GET", url: url, params: params, headers: { "x-rapidapi-host": `${RAPIDAPI_HOST}`, "x-rapidapi-key": `${API_KEY}`, }, }; } export const loadTeams = async function (leagueID, season) { try { const teamOptions = createOptionsObject(API_URL_TEAMS, { league: leagueID, season: season }) axios.request(teamOptions).then(function (response) { response.data.response.forEach((el) => { const teamsMarkup = ` <li class="dropdown-li"><a class="dropdown-item">${el.team.name}</a></li>`; teamsSelector.insertAdjacentHTML('afterbegin', teamsMarkup); }); }); } catch (err) { console.error(err); } };