Функция импорта JS из другого файла не работает ⇐ Javascript

[Anonymous]

Я делаю небольшой проект для своего собственного портфолио. Я начинающий программист, и у меня есть проблема с функцией импорта JS из другого файла. Эта функция необходима, потому что мне нужно использовать это в другой логике моего кода.import axios from "axios";

const productsDb = process.env.DB_BASE_URL;
let products;

export const fetchProducts = async () => {
const productsDb = process.env.DB_BASE_URL;
try {
const res = await axios.get(productsDb);
products = res.data;
//console.log("value of products:", products);
return products;
} catch (err) {
console.err("Error fetching products: ", err);
throw err;
}
};
const createProductCart = async () => {
await fetchProducts();
const shopList = document.querySelector(".shop-list");
shopList.innerHTML = "";
console.log(products);

products.forEach((element) => {
const shoppingCart = document.createElement("li");
shoppingCart.classList.add("shop-list-item");

let imgURL = `http://127.0.0.1:3000${element.image}`;
shoppingCart.innerHTML = `



${element.category}
${element.name}


Wybierz opcje
`;

shopList.appendChild(shoppingCart);
});
return;
};

document.addEventListener("DOMContentLoaded", async () => {
try {
createProductCart();
} catch (err) {
console.error("Error", err);
}
});
< /code>
modal.mjs:
import { fetchProducts } from "./productsDb.mjs";

// Open quick shopping modal window
const shopList = document.querySelector(".shop-list");
shopList.addEventListener("click", function (ev) {
const modal = document.querySelector("[modalOpen]");
const modalClose = document.querySelector("[modalClose]");

if (ev.target.closest(".openCartModal")) {
openModal(modal, modalClose);
}
});

function openModal(modal, modalClose) {
modal.classList.toggle("isHidden");

function close() {
modal.classList.toggle("isHidden");
document.removeEventListener("keydown", keyClose);
modal.removeEventListener("click", clickOutClose);
modalClose.removeEventListener("click", close);
}

function keyClose(ev) {
if (ev.key === "Escape" && !modal.classList.contains("isHidden")) {
close();
}
}

function clickOutClose(ev) {
if (ev.target === modal || ev.target.classList.contains("isHidden")) {
close();
}
}
document.addEventListener("keydown", keyClose);
modal.addEventListener("click", clickOutClose);
modalClose.addEventListener("click", close);
}
< /code>
Мне нужно использовать функцию FetchProducts в модальной логике, чтобы перенести значение из базы данных к модалу открытия. Я пытаюсь изменить свой тип скрипта на модуль, а также в пакете.>

Подробнее здесь: https://stackoverflow.com/questions/795 ... oesnt-work