"Expected corresponding JSX closing tag for <span>"

Question

昨天，我在 Nextjs 中开始了一个新项目。我试图构建一个登录组件。简单的事情。但是当我编译代码时，编译器抛出一个错误："Expected corresponding JSX closing tag for '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>

Answer 1

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

"Expected corresponding JSX closing tag for <span>"

"Expected corresponding JSX closing tag for <span>"

reactjs

babeljs

next.js