**已关闭。**此问题为not reproducible or was caused by typos。当前不接受答案。

这个问题是由打字错误或无法再重现的问题引起的。虽然类似的问题在这里可能是on-topic，但这个问题的解决方式不太可能帮助未来的读者。
去年关闭了。
Improve this question
我试图建立一个项目使用Next.js的第一次，我似乎多个视频的布局组件，这似乎是一个很好的适合我的项目！
然而，我不能让页面内容显示。菜单和页脚显示没有任何问题，但不是页面内容本身。
这是我目前拥有的代码：
文件：_app.js

import Layout from "../components/Layout";

import "../styles/globals.css";
import "antd/dist/antd.css"; // antDesign global css styles

const MyApp = ({ Component, pageProps }) => {
  return (
    <Layout>
      <Component {...pageProps} />
    </Layout>
  );
};

export default MyApp;

文件：Layout.js

import React from "react";
import MainMenu from "../components/MainMenu";
import Footer from "../components/Footer";

const Layout = ({ children }) => {
  return (
    <>
      <MainMenu />
      {children}
      <Footer />
    </>
  );
};

export default Layout;

这个“应该”呈现我不同的页面内容，菜单/页脚应该在我创建的每个页面上可见。我可以在每个页面上看到菜单/页脚，但没有内容。
文件：* index.js *

import React from "react";

const index = () => {
  return <h1>Home page!</h1>;
};

export default index;

File: *orders.js*

错误陈述

Error: Objects are not valid as a React child (found: [object Promise]).
 If you meant to render a collection of children, use an array instead.

我错过了什么？
需要注意的一点是，如果我在 _app.js 文件中注解掉Layout，页面内容会显示得很好，但显然Menu/Footer不会显示。