保存后，Visual Studio Code在JSX代码中分解html标签

Question

今天，我开始在Visual Studio代码中从事React项目，当我输入JSX代码时，html标签在保存时会不断出错，并给我一个错误。 我使用的是“ Prettier”扩展名，并且也无法卸载。

我的VS代码版本： 1.39.1

这是我最初编写的代码

import React from 'react';
import ReactDOM from 'react-dom';

const element = < h1 > Hello World < /h1 >;
console.log(element);

这是我保存后的更改方式

import React from 'react';
import ReactDOM from 'react-dom';

const element = <h1> Hello World </h1>;
console.log(element);

它给了我以下错误

1. 在

   错误：JSX元素“ h1”没有相应的结束标记。ts（17008）

2. 在 错误：“>”应为预期。ts（1005）

请帮助我找到解决此问题的方法，并让我知道是否有人需要有关我的设置的其他信息。