Estoy usando Webpack y tengo un archivo function.js con este código:
import { randomNum } from '../index.js'; export function getSlidePrev() { if (randomNum > 1) { randomNum -= 1; setBg(randomNum); } } Y en mi archivo main.js tengo esto:
function getRandomNum(min, max) { min = Math.ceil(min); max = Math.floor(max); return Math.floor(Math.random() * (max - min + 1)) + min; } export let randomNum = getRandomNum(firstSlideNumber, lastSlideNumber); const slidePrev = document.querySelector('.slide-prev'); slidePrev.addEventListener('click', getSlidePrev);Me sale este tipo de error:
Uncaught TypeError: Cannot set property randomNum of #<Object> which has only a getter at HTMLButtonElement.getSlidePrevIntenté buscar en Google, pero no pude resolver este problema. Alguien dice que es por usar Babel.
Una variable importada es de solo lectura, no puede modificarla en el archivo donde se importa. Esto es lo que mdn dice al respecto:
La declaración de
importestática se usa para importar enlaces en vivo de solo lectura que son exportados por otro módulo. Los enlaces importados se denominan enlaces activos porque los actualiza el módulo que exportó el enlace, pero el módulo de importación no los puede modificar.
Puede convertir randomNum en un objeto si desea mutarlo en diferentes importaciones. Para eso cámbialo en index.js a:
export const randomNum = {value : 1000};Y úsalo de esta manera:
import { randomNum } from "../index.js"; export function getSlidePrev() { if (randomNum.value > 1) { randomNum.value -= 1; setBg(randomNum.value); } }