Question

我在Nextjs中遇到路由和链接问题。我已经使用React + Typescript创建了一个类似于页面的博客，我想在Nextjs中使用相同的代码。我最初使用的是import {Link} from 'react-router-dom';。但是，由于此链接对Nextjs无效，因此我使用了link / next导入。

问题是，当我尝试单击导航栏的“关于”时，出现以下错误：

404 找不到此页面。

这是我的Navbar.tsx的代码

import React from 'react';
import Link from 'next/link';
const Navbarr : React.FC = () => {
return (
<div>
<AppName >
        <Link href="/"><a>Abc</a></Link>
    </AppName>
    <Button>
        <Link href="/new">
          <a>Aboutus</a>
        </Link>
    </Button>
</div>)}
export default NavBarr;

Answer 1

在Next.js中，将文件添加到页面目录后，它会自动作为路由。

我建议您阅读https://nextjs.org/docs/routing/introduction

使用nextjs进行路由和链接的问题

1 个答案: