Problema com o alert alert-info do bootstrap.

Olá, no curso do JavaScript avançado consegui concluir todas as etapas, mas a única coisa que não está funcionando é a exibição da mensagem: "Negociação adicionada com sucesso", após a inclusão da negociação apertando incluir no formulário.

Ao invés disso, o alert do bootstrap exibe ${model.texto}, como se fosse texto puro. Aí está o código da classe MensagemView.j e da View.js:

MensagemView.js>>

class MensagemView extends View {

  constructor(elemento){
      super(elemento);
  }

  template(model){

      return model.texto ? '<p class="alert alert-info">${model.texto}</p>' : '<p></p>';
  }
}

View.js>>

class View {

    constructor(elemento) {

        this._elemento = elemento;
    }

    template() {

        throw new Error('O método template deve ser implementado');
    }

    update(model) {

        this._elemento.innerHTML = this.template(model);
    }
}

Lembrando que estou usando o Google Chrome Versão 79.0.3945.88 (Versão oficial) 64 bits, para abrir o index.html.O que será que está acontecendo??