Erreur de réaction JSX: expression régulière non fermée
Récemment, je faisais face à un problème de codage de l'application React dans le code Visual Studio. À cause de ce problème, chaque fois que j'écrivais JSX dans la fonction de rendu du composant React et que je l'enregistrais, tout se perdait (je veux dire que l'indentation devenait désordonnée). Voir la photo: 
Cette erreur montrait aussi une erreur comme: 1. Expression régulière non fermée
Comment résoudre ceci?
J'ai essayé plusieurs options, comme la création d'un fichier .eslintrc ou d'un fichier .jshintrc.
Mais il est apparu que dans mon IDE de code Visual Studio, il y avait des extensions tierces (eslint/jslint/tslint/beautify/jsformatter, etc.) qui causaient un gros désordre dans mon code JSX.
Je devais accéder aux extensions et désactiver toutes les extensions qui pourraient gêner le processus naturel de peluchage et de nettoyage du code du framework React.
(Ces extensions sont vraiment géniales. Mais les désactiver m'a aidé à résoudre ce problème, sans offenser personne.)
Si vous rencontrez le même problème et que le problème persiste après l'ajout d'un fichier .jshintrc avec un contenu:
{
"esversion": 6
}
envisagez ensuite de désactiver les extensions tierces.
J'espère que ma réponse a aidé.
l'extension qui l'a fait pour moi était ...
jshint
dbaeumer.jshint
Dirk Baeumer
comme @ abhay-shiro le dit, la désactivation quelques extensions résoudront généralement le problème.
J'ai eu le même problème, mais c'était l'extension "embellir" qui causait l'erreur, je l'ai désinstallé et installé plus joli. Cela a résolu le problème.