下一個JS<Link> 在生產中不起作用 (Vercel)

Question

所以我只是將我的 NextJS 站點部署到 Vercel。 在本地我可以在我的頁面之間導航，比如說“/workshop”。 但是在生產中，當我單擊 Workshop 按鈕時沒有任何反應，它不會重定向。 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 或 Link 無關。

AOS React 庫 (Animate On Scroll) 干擾了項目並拒絕加載創意工坊頁面。