addTourOverlay2() {

      // (1) 
      if (document.querySelectorAll('#tour-overlay').length === 0) {

        let newDiv = document.createElement('div');
        newDiv.id = 'tour-overlay';
        let body = document.getElementsByTagName('body');

        // (2)
        newDiv.appendChild(body);

      }
      this.resizeOverlay();
    }
    
    resizeOverlay() {
      let window_height = screen.height;
      let window_width = screen.width;

      // (3 e 4)
      document.getElementById('#tour-overlay').style.height = window_height;
      document.getElementById('#tour-overlay').style.width = window_width;

    }
    
Começando com algumas falhas triviais:

1. Se buscará pelo id é esperado que seja retornado apenas um elemento, [não vários][1]; então ao invés de `querySelecorAll`, pode utilizar `querySelector` apenas (ou o `getElementById`);

2. Você adicionou `body` em `newDiv`; acredito que o correto seria `newDiv` em `body`;

3. Quando utilizar `getElementById` você não precisa informar o caractere `#`, apenas o valor do atributo;

4. Vide 3;


  [1]: https://pt.stackoverflow.com/q/318255/5878