¿Qué significa null is not an object?

Este error aparece en JavaScript (especialmente en Safari y React Native) cuando intentas acceder a una propiedad o llamar a un método sobre un valor que es null. Es una forma específica de TypeError. El escenario más común es consultar un elemento del DOM que no existe todavía.

Por qué ocurre

• •Llamar a document.getElementById() o querySelector() para un elemento que no está en el DOM en ese momento.
• •Una variable que debería contener una referencia a un objeto nunca fue asignada o fue establecida explícitamente a null.
• •Acceder a una propiedad en el resultado de una llamada a una API antes de que los datos hayan cargado.
• •Ejecutar consultas del DOM en un script que se ejecuta antes de que la página haya renderizado completamente.

Ejemplos

const button = document.getElementById("submit");
button.addEventListener("click", () => {
  console.log("clicked");
});

TypeError: null is not an object (evaluating 'button.addEventListener')

const button = document.getElementById("submit");

// Guard against null before calling methods
if (button) {
  button.addEventListener("click", () => {
    console.log("clicked");
  });
}

// Or with optional chaining:
button?.addEventListener("click", () => {
  console.log("clicked");
});

Errores relacionados

• TypeError
• ReferenceError