NextJS 动态路由问题

Question

我在 NextJS 中创建博客时遇到此错误。错误：多个 children 被传递给 href of / 但只支持一个 child

我做错了什么？

=============================== 服务器错误错误：多个 children 被传递给 href of / 但只支持一个 child https://nextjs.org/docs/messages/link-multiple-children

生成页面时发生此错误。任何控制台日志都将显示在终端 window.

<nav className={styles.main-nav}>
      <ul>
        <Link href='/'> <li>Home</li></Link>
        <Link href='/about'> <li>About</li></Link>
        <Link href='/blog'> <li>Blog</li></Link>
        <Link href='/contact'> <li>Contact</li></Link>
        </ul>
      </nav>

Answer 1

内部 'Link' 组件必须是 'a' 标签

<ul>
       <li> <Link href='/'> <a>Home</a> </Link> </li>
       <li> <Link href='/about'> <a>About</a> </Link> </li>
       <li> <Link href='/blog'> <a>Blog</a> </Link> </li>
       <li> <Link href='/contact'> <a>Contact</a> </Link> </li>
</ul>

NextJS 动态路由问题

NextJS Dynamic Routing issue

hyperlink

reactjs

next.js

生成页面时发生此错误。任何控制台日志都将显示在终端 window.