vscode中保存react文件时标签名div为什么总是自动多一个空格？

问题遇到的现象和发生背景

在创建react项目的时候，修改app.js中的内容，只留下一个根标签

问题相关代码

function App() {
return

App根组件 < /div>
}

export default App

运行结果及报错内容

这里就报错了，

img

我的解答思路和尝试过的方法

我试过禁用插件,如eslint\JS-CSS-HTML-Format; 还在首选项的settings里面搜索过那个css formating

我想要达到的结果

就是我按保存的时候不会有多余的空格出现，且不会报错

你做了缩进设置？