NextJS <Link>在生产中不工作(Vercel)

Question

所以我把我的NextJS站点部署到Vercel。在本地，我可以在页面之间导航，比方说"/workshop“。但是生产中的--当我单击按钮时，不会发生任何事情，它不会重定向。工作坊按钮在Navbar.js中。

<Link href="/workshop">
  <button className={styles.button}>Workshop</button>
</Link>

也试过这个

<Link href="/workshop">
  <a>
    <button className={styles.button}>Workshop</button>
  </a>
</Link>

或

<Link href="/workshop" passHref>
   <MyButton />
</Link>

或

<Link href="/workshop">
    <a className={styles.button}>Workshop</a>
</Link>

它不会重定向到生产中的车间页面。

文件夹结构：

pages
  _app.js
  _document.js
  index.js
  workshop.js

我的_app.js：

...
<Navbar />

<Component {...pageProps} />

<Footer />
...

我的index.js：

export default function Index() {
    return (
        <>
            <Header />
            <Services />
            <Work />
            <Contact />
        </>
    );
}

我的workshop.js看起来几乎一模一样。

我错过了什么？

谢谢。

Answer 1

我发现了问题..。与Next.js或链接无关。

AOS React库(Scroll上的动画)干扰了项目，拒绝加载车间页面。