Filesaver.js: Problema de charset UTF-8

[ezequiel88]

Estou usando com Angular 7 e Typescript
Gera o arquivo *csv mas abre com esses erros de caracteres.

import { Component } from '@angular/core';
import * as fileSaver from 'file-saver';

@Component({
  selector: 'ngx-cadastro-clientes',
  styleUrls: ['./clientes.component.scss'],
  templateUrl: './clientes.component.html',
})
export class ClientesComponent {

  downloadCSV() {
    const replacer = (key, value) => value === null ? '' : value; 
    const header = Object.keys(this.data[0]);
    let csv = this.data.map(row => header.map(fieldName => JSON.stringify(row[fieldName], replacer)).join(';'));
    csv.unshift(header.join(';'));
    let csvArray = csv.join('\r\n');
    var blob = new Blob([csvArray], { type: "text/csv;charset=utf-8" })
    fileSaver.saveAs(blob, "clientes.csv");
}
}

[augustobmoura]

Eu não acho que esse problema seja do download, mas sim da sua ferramenta de planilha (aparentemente o Excel). Garanta que a codificação que ele abriu o documento é UTF-8

[JulianoGTZ]

Na instância do seu Blob ali, faz assim, pra definir o charset.

const BOM = '\uFEFF';
const csvArray += BOM;
const blob = new Blob([csvArray], { type: "text/csv;charset=utf-8" })

Define no próprio Bloob o chartset adiciona o caractere relativo ao BOM (marca de ordem de byte)

[RickiestRick]

@JulianoGTZ works like charm!
Thank you. added '\uFEFF' to my string and evertyhing works properly.

Thanks.
I think Ticket can be closed yet

[ezequiel88]

@JulianoGTZ vou testar e se estiver funcionando fecharei a questão. Obg