Estoy usando webpack.optimize.UglifyJsPlugin() para minimizar mi código React.
Esta es mi función de renderizado
return ( <div id='columnPicker' className='modal fade' tabIndex='-1' role='dialog'> <div className='modal-dialog modal-sm' role='document'> <div className='modal-content'> <div className='modal-header'> <button type='button' className='close' data-dismiss='modal'>×</button> <h4 className='modal-title'>Column Picker</h4> </div> <div className='modal-body'> <ul className='list-group'> {listItems} </ul> </div> <div className='modal-footer'> <div className='pull-right'> <button type='button' className='btn btn-sm btn-primary' data-dismiss='modal' onClick={props.onSave}>Save</button> </div> <div className='pull-right'> <button type='button' className='btn btn-link' data-dismiss='modal'>Cancel</button> </div> </div> </div> </div> </div> );El botón de cerrar usa &veces, pero cuando realmente se muestra, veo
<button type="button" class="close" data-dismiss="modal">×</button>Si elimino webpack.optimize.UglifyJsPlugin(), se muestra como cabría esperar. ¿Alguien sabe cómo arreglar esto?
Especificar el juego de caracteres en el HTML conservará el carácter correcto.
Intente agregar <meta charset="UTF-8"/> (o cualquier juego de caracteres) a la etiqueta meta en su archivo html.
Acabo de tener el mismo problema al usar angular-cli (V2.4.6). En este caso, el problema solo ocurre en el modo de producción.
Angular-cli usa el paquete web internamente pero no proporciona acceso a las opciones que se usan en el modo de producción frente al modo de desarrollo.
Agregar <meta charset="UTF-8"/> también funcionó para mí.