NextJS动态路由问题

发布于 2025-01-22 04:28:37 字数 828 浏览 4 评论 0原文

我会在NextJS中获得此错误创建博客。错误：多个孩子被传递给/的href，但只有一个孩子受支持

我在这里做错了什么？

============================== 服务器错误错误：/的href将多个孩子传给了，但只有一个孩子被支持 https://nextjs.org/docs/messages/link-multiple-children

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

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

原文

I get this Error creating blog in NextJS. Error: Multiple children were passed to with href of / but only one child is supported

What am i doing wrong here ?

===============================
Server Error
Error: Multiple children were passed to with href of / but only one child is supported https://nextjs.org/docs/messages/link-multiple-children

This error happened while generating the page. Any console logs will be displayed in the terminal 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>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

兲鉂ぱ嘚淚 2025-01-29 04:28:39

内部的“链接”组件必须为“”标签

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

Inside 'Link' component must be 'a' tag

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

回复收藏 0 原文

~没有更多了~