javascript – Como utilizar um script para várias páginas sem dar o erro do eventListener no console?

Segue um exemplo simples pra demonstrar a dúvida. São duas páginas e um script. Sei que funciona importando o script nas duas páginas, porém quando utilizo o eventListener, ele mostra o erro dizendo que não encontrou o elemento alvo da página que não foi carregada. Apesar de nesse exemplo mais simples funcionar, a mensagem de erro fica aparecendo no console, e em exemplos mais complexos o evento para de funcionar.

Mensagem de erro: “Uncaught TypeError: Cannot read property ‘addEventListener’ of null”

Página 1:

<body>
  <button id="botao1">botão 1</button>

  <script src="script.js"></script>

Página 2:

<body>
  <button id="botao2">botão 2</button>

  <script src="script.js"></script>

JS:

let botao1 = document.getElementById("botao1");
let botao2 = document.getElementById("botao2");

botao1.addEventListener("click", () => {
  alert("botao 1");
});

botao2.addEventListener("click", () => {
  alert("botao 2");
});