我是 NEXT.JS 的新手,在部署静态站点时遇到一些问题。Nav.tsx我有一个如下所示的组件:
const Nav = () => {
return (
<nav className='nav p-3 border-bottom'>
<Link href='/' passHref>
<a className='pointer my-auto h2'>Blog </a>
</Link>
<Link href='/about' passHref>
<a className='ms-5 pointer lead my-auto'>Who We Are</a>
</Link>
<Link href='/services' passHref>
<a className='ms-5 pointer lead my-auto'>Services</a>
</Link>
<Link href='/contact' passHref>
<a className='ms-5 pointer lead my-auto'>Contact</a>
</Link>
</nav>
);
};
export default Nav;
Run Code Online (Sandbox Code Playgroud)
当我在本地运行开发服务器时,我可以使用这些链接在我的网站上导航。但是当我构建时,使用next build && next export链接不适用于导航。所有这些链接(/about、/services、/contact)都是我的目录中的文件pages。我是否在 中写了一些不正确的内容Nav.tsx,或者我误解了 NEXT …