时间戳

首页 > 解决方案 > “预期对应的 JSX 结束标记为”

reactjs - “预期对应的 JSX 结束标记为”

问题描述

昨天，我在 Nextjs 开始了一个新项目。我试图构建一个登录组件。容易的事。但是当我编译代码时，编译器会抛出一个错误：“Expected对应的JSX结束标记为'span'（28:4）”

我删除了“span”标签，它仍然抛出与“span”标签一样的错误。

const UserLog = () => (
  <div id = "userlog-wrapper">
     <form>
        <label>UserName : <input type="text" required/></label>
        <label>PassWord : <input type="password" required/></label>
        <input type = "checkbox"><span>Remember Me<span>
        <button>LogIn</button>
        <button>SigIn</button>
     </form>
 </div>
)

这是结果::

./pages/index.js
SyntaxError: /home/user/myProject/pages/index.js: Expected  corresponding JSX closing tag for <span> (28:4)

  26 |       <button>LogIn</button>
  27 |       <button>SigIn</button>
> 28 |     </form>
     |     ^
  29 |   </div>

标签： reactjsbabeljsnext.js

解决方案

您仍然有一个span元素没有正确关闭。在代码的第 6 行中，在 之后input，它应该是</span>. 您还需要像这样关闭输入：/>

推荐阅读