React JSX error: незакрытое регулярное выражение

Недавно я столкнулся с проблемой кодирования приложения React в коде Visual Studio. Из-за этой проблемы всякий раз, когда я писал JSX внутри функции рендеринга компонента React и сохранял его, он портился (я имею в виду, что отступы бывали грязными). Смотрите картинку:

Эта ошибка также показывала ошибку как: 1. Незакрытое регулярное выражение

Как это решить?

3 ответа

Если вы используете jshint плагин, удалите его и установите ESLint плагин.

Это хорошая замена jshint в reactJS работают.

Я пробовал несколько вариантов, таких как создание файла.eslintrc или.jshintrc.

Но оказалось, что в моей среде разработки кода Visual Studio были сторонние расширения (eslint/jslint/tslint/beautify/jsformatter и т. Д.), Которые вызывали большой беспорядок в моем коде JSX.

Мне пришлось перейти к расширениям и отключить все расширения, которые могут помешать естественному процессу линтинга и очистки кода в React framework.

введите описание изображения здесь

(Эти расширения действительно хороши. Но отключение их помогло мне решить мою проблему, без обид.)

Если вы столкнулись с той же проблемой, и проблема сохраняется после добавления файла.jshintrc с содержимым:

{
    "esversion": 6
}

затем рассмотрите возможность отключения сторонних расширений.

Надеюсь, мой ответ помог.

Расширение, которое сделало это для меня, было...

jshint

dbaeumer.jshint
Дирк Баумер

как говорит @abhay-shiro, отключение нескольких расширений обычно решает проблему.

У меня была та же проблема, но это было расширение "beautify", которое вызывало ошибку, я удалил его и установил красивее. Это решило проблему.

Я решил эту проблему, сняв флажок "Показать ошибки синтаксиса" в Visual Studio 2015.

Сервис -> Параметры -> Текстовый редактор -> JavaScript -> IntelliSense -> Общие -> Показать синтаксические ошибки (отключить)

Другие вопросы по тегам