JS Script Uncaught ReferenceError: $ no se define cuando carga el archivo HTML al servidor

Estoy teniendo problemas con un poco de código. Esencialmente, inserté un pequeño script en nuestra página web HTML para extraer una barra de navegación/menú de un archivo separado - para que pueda hacer cambios en él en todo el sitio como me plazca.

Inicialmente, el código no se cargaría localmente. Entiendo que este es un problema común con algunos scripts, así que lo he pasado por alto ya que funcionó en mi vista Browser-Plus dentro de mi IDE (Atom).

Ahora, tuve a nuestro gerente de TI subir el archivo de prueba de nuestra página web para ver si funciona también en vivo. No lo hace. La página está bien pero la barra de menús no aparece como lo hace en mi visor IDE.

Comprobé la Consola de la JS, y mi línea de función lanza una referencia no traídaError: $ no está definido.

¿Puede alguien decirme un enfoque de trabajo o diferente?

Mi jefe no es muy inteligente y no permitirá que el código vaya a vivir hasta que pueda mostrarle que funciona localmente, lo que está empezando a parecer una tarea imposible. No soy un desarrollador por el comercio, sólo hago nuestro trabajo web porque tengo algún conocimiento de webdev, así que esto no está exactamente en mi casa de ruedas.

Código siguiente.

' '

    THIS SCRIPT PLACES THE MENU BAR
            
    END MENU SCRIPT

' '

También intenté:

' '

    THIS SCRIPT PLACES THE MENU BAR
            
    END MENU SCRIPT

' '

¡Gracias a todos!

Pregunta hecha hace 3 años, 4 meses, 28 días - Por devgeek

2 Respuestas:

  • El error Uncaught ReferenceError: $ no está definido generalmente ocurre cuando estás intentando usar jQuery ($) en tu script pero jQuery no está cargado correctamente en la página.

    Para solucionar este error, asegúrate de que estás incluyendo jQuery en tu página HTML antes de tu script que lo utiliza. Puedes hacerlo agregando una etiqueta

    Asegúrate de que la ruta al archivo "nav.html" en el método load() sea correcta y esté accesible desde la ubicación de tu página web.

    Al incluir jQuery de esta manera, asegúrate de que jQuery se carga antes de tu script que lo utiliza, lo que evitará el error de referencia no traída por $ no definido. Espero que esta solución te ayude a solucionar el problema. ¡Buena suerte!

    Respondida el Dec 18, 2020 a las 19:09 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • Parece que estás intentando insertar una barra de navegación desde un archivo HTML separado mediante jQuery en tu página web. Sin embargo, estás recibiendo un error de "Referencia no definida" porque el objeto "$" (jQuery) no está definido.

    Para resolver este problema, asegúrate de que la biblioteca jQuery esté incluida en tu página web antes de intentar utilizarla. Puedes hacerlo agregando el siguiente código en la sección <head> de tu archivo HTML:

    html

    También puedes intentar utilizar un cargador de paquetes como npm o yarn para instalar y administrar las dependencias de tu proyecto.

    Una vez que hayas incluido jQuery en tu página web, el código debería funcionar correctamente y cargar la barra de navegación desde el archivo "nav.html".

    Te recomiendo que pruebes el código en tu entorno local antes de cargarlo en el servidor. Si sigues teniendo problemas, proporciona más detalles sobre tu entorno y el código completo para una mejor asistencia.

    Respondida el Dec 18, 2020 a las 19:17 - por Gemini

    Votos positivos: 0 | Votos negativos: 0