1

Como andan, les comento mi situación, hice una pagina web que el cliente me solicito pudiera estar en 3 idiomas, entonces mediante javascript y unos archivos .json logre que cambie de idioma, lo subi a github pages y funciona de diez, lo subí a netlify y funciona de diez, cuando lo subí al servidor que tiene contratado el cliente cuando clikeo las banderitas no pasa nada y por consola me arroja estos errores:

error en consola

y obviamente no se produce ningún cambio. Está todo chequeado por un programador sr amigo que el código esta bien (aparte en github pages y netlify funciona), la pregunta sería porque puede ser que no lo levante el servidor pagado?

Acá les dejo el código de js donde la primera parte es sobre el click de las banderitas y la parte del error sería la segunda parte que es el cambio de idioma cuando se clikea dicha bandera:

const flagsElement = document.getElementById("flags");
const textsToChange = document.querySelectorAll("[data-section]");

const changeLanguage = async (language) => {
  const requestJson = await fetch(`js/${language}.json`);
  const texts = await requestJson.json();

  for (const textToChange of textsToChange) {
    const section = textToChange.dataset.section;
    const value = textToChange.dataset.value;
    textToChange.innerHTML = texts[section][value];
  }

  // Almacena el idioma seleccionado en el almacenamiento local del navegador
  localStorage.setItem("selectedLanguage", language);
};

const loadLanguage = () => {
  // Obtiene el idioma seleccionado almacenado en el almacenamiento local del navegador
  const selectedLanguage = localStorage.getItem("selectedLanguage");

  if (selectedLanguage) {
    changeLanguage(selectedLanguage);
  } else {
    // Establece un idioma predeterminado si no se ha seleccionado ninguno
    changeLanguage("default");
  }
};

flagsElement.addEventListener("click", (e) => {
  changeLanguage(e.target.parentElement.dataset.language);
});

// Carga el idioma al cargar la página
loadLanguage();

gracias y perdón por lo extenso.

2
  • El .json está dando un 404. Probablemente olvidaste subirlo, lo cierto es que no está dónde lo buscas...
    – jachguate
    Commented el 13 jul. 2023 a las 0:20
  • pero si está, eso es lo raro e insisto en los servidores gratuitos sí funciona
    – Lucas
    Commented el 13 jul. 2023 a las 2:47

1 respuesta 1

1

Al entrar a la URL https://www.calycon.com.ar/js/en.json te indica el error

introducir la descripción de la imagen aquí

Ahí te dice que tienes un problema con los MIME Types, debes ir a la configuración del sitio en el IIS y agregarlo

introducir la descripción de la imagen aquí

Luego, cuando estes dentro presionar "agregar"

introducir la descripción de la imagen aquí

  • Extensión: .json
  • Tipo MIME : application/json
3
  • Muchas gracias, ya le escribi al loco que administra el servido para que lo haga (porque necesito sino el filezilla pro y tengo el comun), muchas gracias! Aviso como me fue
    – Lucas
    Commented el 13 jul. 2023 a las 14:40
  • Sí amigo era eso, funcionó barbaro, muchas gracias!
    – Lucas
    Commented el 17 jul. 2023 a las 16:47
  • @Lucas Fantástico !! Recuerda marcar la respuesta como aceptada. Saludos
    – Yussef
    Commented el 17 jul. 2023 a las 19:54

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.