我是新的未来14,上次我使用它是在版本12。我试图创建与应用程序目录的页面,在布局文件中,我定义了一个导航栏,它可以正确地完成这项工作,但因为我正在处理布局文件的孩子,通过的孩子是没有任何React。链接不工作,CSS悬停效果是我注意到的。我没有找到任何信息我在文档中提到我应该对page.tsx文件做任何事情。我应该做什么额外的配置吗?我试着把“使用客户端”放在page.tsx文件的顶部,但它没有做任何事情。
这是我的layout.tsx文件:
import Navbar from "@/components/Navbar";
import { Righteous } from "next/font/google";
import "@/styles/globals.css";
import { Metadata } from "next";
export const metadata: Metadata = {
title: "Endor Design",
description:
"Endor Design Logózás Ajándéktárgyak Weboldal készítés Marketing videók",
};
const righteous = Righteous({ weight: "400" });
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html lang="en">
<body>
<Navbar />
{children}
</body>
</html>
);
}
字符串
导航栏链接和动画工作正常。主页太长,无法粘贴到此处。
我的folder structure
这是我的page.tsx。我试图在这个页面中交互而不嵌套其他组件,但这也不起作用。
import Gift from "@/components/home/Gift";
import Profile from "@/components/home/Profile";
import Welcome from "@/components/home/Welcome";
import styles from "@/styles/Home.module.css";
export default function HomePage() {
return (
<div className={styles.home}>
<Welcome />
<Profile />
<Gift />
</div>
);
}
型
1条答案
按热度按时间jdg4fx2g1#
从下一个13,所有的网页与路径应列在
app
文件夹,并命名为page.tsx
。请检查this以定义路由。