Javascript JSX没有相应的结束标记。ts(17014)

Javascript JSX没有相应的结束标记。ts(17014),javascript,reactjs,Javascript,Reactjs,我是react的新手。获取此错误Jsx片段没有相应的结束标记 这是我的密码 cart.js import React from "react"; export default function Cart(){ return < > Cart < /> } 从“React”导入React; 导出默认函数Cart(){ 返回购物车 } 添加product.js import react from "react";

我是react的新手。获取此错误Jsx片段没有相应的结束标记 这是我的密码

cart.js

import React from "react";

  export default function Cart(){

    return < > Cart < />
}
从“React”导入React;
导出默认函数Cart(){
返回<>购物车
}
添加product.js

import react from "react";

    export default function addproduct() {

      return < > addproduct < />

}
从“react”导入react;
导出默认函数addproduct(){
返回<>添加产品
}

空格可能是由于VS代码配置而添加的,作为一种解决方法,您可以使用
React.Fragment
而不是像这样的空标记

 <React.Fragment>addproduct</React.Fragment>
addproduct

从我保存我的工作时得到了一个解决方案,因为我没有安装更漂亮的插件。这样做了,问题就解决了

为了让编辑器自动更改代码,我想你需要检查
.editorconfig文件
并禁用代码的任何自动格式


你也可以安装很酷的代码格式化程序
Prettier
,它可以很好地格式化你的代码,可以解决你的问题。

尝试不使用空格:
我想知道你的解析器是否不喜欢片段中的空格。尝试不使用空格,但当我保存我的工作时,空格会出现。我使用的是vs代码“当我保存我的工作时,会出现空格。。。使用vs code“这很奇怪,不应该发生。您是否有某种自动格式化扩展名处于活动状态?另外,请检查
.editorconfig
文件中的内容(如果有)。当我使用React.Fragment时,JSX元素“React.Fragment”没有相应的结束标记,这是一个错误。您是否尝试复制我发布的代码?您是否可以检查您的编辑器是否对其进行了任何更改?是的,它确实猜测我的编辑器是问题所在。您可以尝试安装VS代码的
Prettier
扩展并将其设置为默认值格式化程序为您的文件类型,这可能会有所帮助。感谢您获得了无格式保存的解决方案运行“command+shift+p”打开命令选项板并键入“save With”,直到看到“file:“save With formatting”(文件:“save With formatting(无格式保存)”,如果安装prettier不起作用,请单击它以无格式保存