Por algum motivo meu map está gerando esse erro e não consigo entender o porquê. Meu componente está assim:
import {Negociacoes} from "../models/negociacoes.js";
export class NegociacoesView {
private elemento: HTMLElement;
constructor(seletor: string) {
this.elemento = document.querySelector(seletor)
}
template(model: Negociacoes): string {
return `
<table class="table table-hover table-bordered">
<thead>
<tr>
<th>Data</th>
<th>QUANTIDADE</th>
<th>VALOR</th>
</tr>
</thead>
<tbody>
${
model.lista().map((negociacao) => {
return (`
<tr>
<td>?</td>
<td>${negociacao.quantidade}</td>
<td>${negociacao.valor}</td>
</tr>
`)
}).join('')}
</tbody>
</table>
`
}
update(model: Negociacoes): void {
const template = this.template(model);
console.log(template);
this.elemento.innerHTML = template
}
}