next.js 下一篇:页面文件对任何东西都没有React

sz81bmfz  于 11个月前  发布在  React
关注(0)|答案(1)|浏览(111)

我是新的未来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>
  );
}

jdg4fx2g

jdg4fx2g1#

从下一个13,所有的网页与路径应列在app文件夹,并命名为page.tsx
请检查this以定义路由。

相关问题