在 NextJS 中，您不必像在普通的 ReactJS 应用程序中那样添加 ReactDOM.render 部分。NextJS 在渲染应用程序时会自行执行此操作。

最低限度，您必须让应用程序运行是在 pages 目录中添加一个 index.js ：

const Index = () => (
  <div>
    <p>Hello Next.js</p>
  </div>
);

export default Index;

请注意，此处的 Index 组件默认导出。

了解 NextJS 文档

如果您将 react-router-dom 与 nextjs 结合使用，则只需在 pages/{dummy}/index.js 文件中添加

if (typeof window === 'undefined') return null;
return <Container {...props} />;

即可避免出现“Invariant failed: Browser history needs a DOM” 在此处输入图片描述