VsCode (Ctrl + K + D) - элемент JSX не имеет соответствующего закрывающего тега

Question

Когда я нажимаю ctrl + K + D для форматирования моего javascript-файла, содержащего код реакции, форматирование уничтожается.

Typescript жалуется на форматирование, тем не менее код работает нормально.

Элемент JSX не имеет соответствующего закрывающего тега

Доступно ли расширение, которое правильно форматирует файл реакции с расширением .js?

Answer 1

Существует Prettier , но для правильной работы необходимо использовать расширение .jsx для файлов с jsx.

Иногда это конфликтует с beautify, поэтому, чтобы он работал без добавления .jsx, вам может потребоваться добавить это в конфигурацию vs-кода.

"beautify.ignore": [
   "**/*.js",
   "**/*.jsx"
]