next.js - Next Js：URL 正在更改但页面为空

Question

我是 Next Js 的新手。每当我单击链接时，它都会更新 URL，但页面未显示任何数据。但是在 Elements 中存在数据。

这是导航文件的代码：

<li className="nav-item active">
                  <Link href="/">
                    <a className="nav-link">
                      Home <span className="sr-only">(current)</span>
                    </a>
                  </Link>
                </li>

                <li className="nav-item">
                  <Link href="/about">
                    <a className="nav-link">About</a>
                  </Link>
                </li>

                <li className="nav-item">
                  <Link href="/blog">
                    <a className="nav-link">Blog</a>
                  </Link>
                </li>
                <li className="nav-item">
                  <Link href="/services">
                    <a className="nav-link">Services</a>
                  </Link>
                </li>

博客.js 文件：

import React from "react";

const Blog = () => {
  return <h1>Blog</h1>;
};

export default Blog;

这是我的文件夹结构：