Intentando agregar un elemento de intervalo a una cadena reemplazando las comas. Pero obtener el código de error anterior en mi código jquery.

por ejemplo, lo que estoy tratando de lograr:

 this.prop.city == "los angeles, new york, boston"

entonces esa cadena se convierte en:

 <span>los angeles</span> <span>new york</span> <span>boston</span>

Esta es mi sección de código, está basada en stencil.js

La línea que causa el error es

 $('.tag').html($('.tag').html().split(', ').map(function(el) {return '<span>' + el + '</span>'}));

 @Component({ tag: 'stencil-component-text', }) export class stencilComponentText { @Prop() prop: any; componentDidLoad() { $('.tag').html($('.tag').html().split(', ').map(function(el) {return '<span>' + el + '</span>'})); } render() { if (this.prop.countryCode && this.prop.city) { if(this.prop.city.includes(',')){ return <span class="testing">{this.prop.countryCode} - <span class="tag">{this.prop.city}</span>, {this.prop.state}</span> } }

El error completo es el siguiente:

 Argument of type 'string[]' is not assignable to parameter of type 'string | Element | Text | Comment | DocumentFragment | ((this: HTMLElement, index: number, oldhtml: string) => string | Element | Text | Comment | DocumentFragment)'. Type 'string[]' is not assignable to type 'string'.