标签: next-link

下面粘贴的是我在 nextjs 中使用本地路由链接时收到的节点：缓冲区错误。有人知道如何解决这个问题吗？

我看到： https: //github.com/vercel/next.js/discussions/33982

谢谢！

节点：缓冲区模块构建失败：UnhandledSchemeError：插件不处理从“节点：缓冲区”读取（未处理方案）。Webpack 默认支持“data:”和“file:”URI。您可能需要一个额外的插件来处理“node:”URI。

我正在使用 next/link，但是当我更改路线时，滚动到顶部不起作用。

<Link href="/some-page" scroll={false}> Go</Link>

我该做什么？我尝试了太多的方法，但没有结果。

我的 Next.js 网站上有<Link>一个特定页面。单击它后，我希望网页在重定向到目标页面后重新加载（无论在重定向之前还是之后重新加载并不重要）。我也尝试过使用router.push，但没有发生硬刷新。任何帮助，将不胜感激。

当我在应用程序中使用 next/link 时，我遇到了一些问题。

我有一个可重用的组件来呈现按钮。该组件在页面上使用两次，每次使用不同的 url。

当页面处于桌面视图时，该按钮可以正常工作。我可以从一个页面导航到另一页面。当我将屏幕尺寸缩小到平板电脑或移动设备时，其中一个会正确重定向，而另一个则不会按预期响应。

为了解决这个问题，我将该区域包含在链接内，以便用户可以单击按钮区域之外，但仍然会被定向到该页面，但这并不是我真正想要向用户提供的体验。

我以前从未有过这个。有人可以告诉我如何解决这个问题或者为什么会出现这种情况吗？谢谢。

const Banner = ({
  purpose,
  imageUrl,
  title1,
  title2,
  desc1,
  linkName,
  buttonText,
}) => {
  return (
    <div className="row flex-lg-row-reverse align-items-center g-5  justify-content-center">
      <div className=" col-10 col-sm-8 col-lg-6">
        <Image
          className="d-block img-fluid mx-lg-auto"
          src={imageUrl}
          width={700}
          height={500}
          alt="banner"
          loader={myLoader}
        />
      </div>
      <Link href={linkName} passHref>
        <div className="col-lg-4 p-3 text-center text-lg-start border-0">
          <h1 className="display-6 fw-bold lh-1 mb-3">{purpose}</h1>
          <p className="lead">
            {title1}
            <br /> {title2}
          </p>
          <p className="lead">{desc1}</p>

          <button className="btn link btn-primary btn-xl w-100">
            <Link href={linkName} passHref>
              <a> {buttonText}</a> …