小编bta*_*ner的帖子

导出静态 HTML 后 Next.JS 链接不起作用

我是 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 …

javascript next.js

5
推荐指数
1
解决办法
3848
查看次数

标签 统计

javascript ×1

next.js ×1