Question

昨天，我正在Nextjs中启动一个新项目。我试图建立一个登录组件。容易些。但是，当我编译代码时，编译器将引发错误：“为'span'（28：4）预期了相应的JSX关闭标记“

我删除了'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>。您还需要像这样关闭输入：/>

“ <span>的预期的相应JSX关闭标记”

1 个答案: