我是Next.js的新手，我很难弄清楚为什么我无法访问我的第二个页面，名为auth.js（使用localhost：3000/auth）。我在我的“page.js”中有一个按钮，它被安装为我的“index.js”（Whole Directory），该按钮应href到/auth：

<li>
    <Link href="/auth"><p className="h-8 w-17 px-3 py-1 hover: text-xl font-burtons text-green-700 bg-gray-900">Login</p></Link>
</li>

字符串
但它给了我一个404错误我在这里也有一个引用我的Auth代码：

import FirebaseAuth from "../components/auth/FirebaseAuth";

export default function Auth() {
    return (
        <div>
            <div>
                <FirebaseAuth />
                <p><a href="/">Go Home</a></p>
            </div>
        </div>
    )
}

型
我已经查找了所有我能找到的东西，所有的东西都指向这样一个事实，即我需要在我的目录（例如公文包）中拥有名为public、components、pages和styles的文件夹。其他所有内容都应该和其他内容一样，放在同一个根文件夹portfolio中。我试着移动东西，但next.js只会运行dev服务器，npm运行dev，当pages.js（我的index.js）在src/app文件夹中时，没有其他地方。我尝试将auth.js放在/src/app文件夹中，并将其移动到/src/app/pages文件夹中。似乎没有什么真的允许我访问localhost：3000/auth，它给了我404不管。