'undefined' no volume total

Tem algum erro no meu código que não tô conseguindo achar que faz o volume total aparecer como 'undefined', os outros volumes ficam ok, mas o total dos volumes não.

Classe ListaNegociacoes:

class ListaNegociacoes {
    constructor(armadilha) {
        this._negociacoes = [];
    }

    adiciona(negociacao) {
        this._negociacoes.push(negociacao);
    }

    get negociacoes() {
        return [].concat(this._negociacoes);
    }
    esvazia() {
        this._negociacoes = [];
    }
    get volumeTotal() {
        this._negociacoes.reduce((total, n) => total + n.volume, 0.0);
    }
}

Classe NegociacoesView:

class NegociacoesView extends Views {
    constructor(elemento) {
        super(elemento)
    }
    template(model) {
        return `
        <table class="table table-hover">
            <thead class="thead-light">
                <tr>
                    <th>DATA</th>
                    <th>QUANTIDADE</th>
                    <th>VALOR</th>
                    <th>VOLUME</th>
                </tr>
            </thead>
            <tbody>
                ${model.negociacoes.map(n => `
                    <tr>
                        <td>${DateHelper.formataData(n.data)}</td>
                        <td>${n.quantidade}</td>
                        <td>${n.valor}</td>
                        <td>${n.volume}</td>
                    </tr>
                `).join('')}
            </tbody>
            <tfoot>
                <td colspan='3'></td>
                <td>
                    ${model.volumeTotal}
                </td>
            </tfoot>
        </table>
        `;
    }
}

alguém pode me ajudar?