Jshint: React JSX E015 "Expresión regular no cerrada"

JSHint no es capaz de analizar la sintaxis de JSX, por lo que no creo que el código fuente que ha compartido sea el mismo que el código que se proporciona a JSHint. Sin embargo, es difícil decir esto sin un mayor conocimiento de su cadena de herramientas. Si pudiera compartir el código JavaScript, entonces deberíamos poder ayudarlo.

Hola y gracias por la rápida respuesta!!

Aquí hay un biolerplate de reacción muy simple que presenta el mismo problema:

import React, { Component } from 'react';

export default class App extends Component {
  render() {
    return (
      <div>React simple boilerplate</div>
    );
  }
}

Aquí hay una imagen de cómo se ve en VS Code. Este es el archivo completo como puede ver y el error es el mismo.

Esperemos que esta información sea útil.

Mejor,
Rodrigo.

Puedo reproducir ese comportamiento en JSHint.com, pero el error que ha informado es
previsto. JShint no es capaz de analizar la sintaxis JSX, por lo que el error es
identificando correctamente JavaScript no válido.

Sin embargo, no estoy del todo listo para cerrar este problema porque su informe inicial
declaró que la siguiente entrada no produjo un error:

<div className="panel-footer"><h5>
  {this.state.image.description}
</h5></div>

Si bien esto puede ser una sintaxis JSX válida, no es JavaScript válido, y lo haría
espere que JSHint informe un error. El hecho de que no sugiera que su
el editor está realizando algún tipo de transformación en el código antes de pasarlo
junto a JSHint. Es dificil de decir porque no se como es tu editor
configurado para invocar JSHint. ¿Puedes investigar cómo ocurre esa integración?
(probablemente a través de algún complemento), y ver si se está produciendo tal transformación. Si
Entonces, el error que estamos viendo aún puede reflejar un error en JSHint.
(aunque también podría ser un problema con el complemento).

Lo investigaré y volveré tan pronto como tenga alguna información.

Mejor,
Rodrigo.

¿Alguna palabra sobre esto, @rhernandog?

@jugglinmike Lo siento, pero no hay noticias al respecto.

Como puede ver, mencioné en el repositorio de la extensión sin suerte. De hecho, la extensión no se ha actualizado en casi un año y no se ha respondido ningún problema desde septiembre, por lo que no estoy muy seguro de que obtengamos una respuesta al respecto. El creador está más centrado en la extensión ESLint que en la JSHint, como dijo Neo al arquitecto: _El problema es la elección_

Es su elección mantenerlo abierto o cerrarlo. Si por algún milagro hay una respuesta en el repositorio, volveré y lo volveré a abrir.

Gracias por seguir

Mejor,
Rodrigo.

Sin más información, no hay mucho que podamos hacer aquí. Creo que mi teoría sobre el comportamiento erróneo de los complementos es la explicación más viable, por lo que me gustaría continuar basándome en esa interpretación hasta que tengamos motivos para sospechar lo contrario. Como usted dice, podemos reabrir este problema cuando/si es apropiado.

¡Gracias por volver a mí!

https://stackoverflow.com/questions/44861564/react-jsx-error-unclosed-regular-expression/44861565#44861565

Espero que esta respuesta ayude.

Estaba enfrentando el mismo problema. Resulta que fue causado por varias extensiones de terceros.

hola @jugglinmike , he trabajado en la extensión VS Code utilizando JSHint recientemente y puedo arrojar algo de luz al respecto. Está pasando directamente todo el documento como una cadena a la API de javascript JSHINT, no se realiza ninguna transformación. El código

<div className="panel-footer"><h5>
  {this.state.image.description}
</h5></div>

muestra errores. No estoy seguro de cuál era la intención del autor original al ejecutarlo en archivos .jsx, pero supongo que la solución sería que la extensión analice el archivo e identifique las partes jsx de la sintaxis y las convierta en líneas en blanco antes de pasarlas a JSHint. .

Estoy enfrentando el mismo problema... No estoy seguro de cómo manejar esto

El mismo problema aquí, o tal vez ni siquiera es un problema...

Deshabilitar JSHint resolvió este problema para mí.

¿Cómo deshabilitar jshint?

@JuanPabloSilva por favor revísalo.

https://github.com/aurelia/vscode-extension/issues/80#issuecomment-368266942

Este error es tan molesto que hace que jshint quede inutilizable. ¿Hay alguna opción para deshabilitar esta sugerencia al menos?

Este error es tan molesto que hace que jshint quede inutilizable. ¿Hay alguna opción para deshabilitar esta sugerencia al menos?
Totalmente de acuerdo contigo @hiraditya
Deberíamos tener la opción de deshabilitar este jshint en particular, pero no la extensión completa.

simplemente deshabilite el jshint, ya que entra en conflicto con otros paquetes de vscode.

Gracias, eliminé el jshint. Entonces todo está bien.

Desinstalé jshint de mis extensiones de VS Code, luego este problema desapareció.