Fatal编程技术网
  • reactjs/
  • Reactjs &引用；<；的预期对应JSX结束标记；span>&引用；

Reactjs &引用；<；的预期对应JSX结束标记；span>&引用；

reactjs next.js

Reactjs &引用；<；的预期对应JSX结束标记；span>&引用；,reactjs,babeljs,next.js,Reactjs,Babeljs,Next.js,昨天，我在Nextjs启动了一个新项目。我试图构建一个登录组件。简单的。但是当我编译代码时，编译器抛出了一个错误：“应该是'span'（28:4）对应的JSX结束标记” 我删除了“span”标记，但它仍然抛出与“span”标记相同的错误 const UserLog = () => ( <div id = "userlog-wrapper"> <form> <label>UserName : <input type="t

昨天，我在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>
)

constuserlog=（）=>(
用户名：
密码：
记得我吗
登录
西格因
)
结果如下：

./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>

/pages/index.js
SyntaxError:/home/user/myProject/pages/index.js：预期对应的JSX结束标记（28:4）
26 |登录
27 | SigIn
> 28 |     
|     ^
29 |
您仍然有一个
span
元素未正确关闭。在代码的第6行中，在输入
后，它应该是
。您还需要像这样关闭输入：
/>
您缺少关闭
元素的
/
-应该是
记住我
输入是的，我修复了它。这是一个史诗般的解职哈哈，发生了。在那种情况下，你能把答案标记为正确吗？